Bedienungsanleitung
- Tragen Sie unter „Basis-Größe“ (Base Size) die standardmäßige
html font-sizeein (in der Regel 16px). - Geben Sie den gewünschten Wert (z. B.
24) in das PX-Feld ein. - Das REM-Feld aktualisiert sich sofort auf
1.5rem. Die Eingabe funktioniert ebenso umgekehrt (z. B.2remfür32px). - Nutzen Sie die Tabelle zur schnellen Orientierung für Schriftgrößen, Abstände und Tailwind-Klassen.
Kernfunktionen
- Sofortige Zwei-Wege-Umrechnung: PX- oder REM-Werte eingeben und direkt das Gegenstück erhalten – ganz ohne Berechnen-Button.
- Anpassbare Basis-Größe: Starten Sie standardmäßig mit 16px oder wechseln Sie flexibel zu 10px, 14px oder projektbasierten Wurzelgrößen.
- Integrierte Live-Tabelle: Wichtige CSS-Größen (wie 12px, 16px, 24px und 32px) aktualisieren sich automatisch bei Änderung des Basiswerts.
- Tailwind-Spacing-Referenz: Sehen Sie auf einen Blick die passenden Tailwind-Spacing-Tokens für Ihre Pixelwerte.
- Lokal und extrem schnell: Alle Berechnungen laufen direkt im Browser ab, ohne Netzwerkverzögerungen.
Verwandte Tools
Komprimieren oder formatieren Sie CSS-Code lokal im Browser. Entfernen Sie Kommentare und Whitespaces, sehen Sie Statistiken zur Platzersparnis ein und stellen Sie die Lesbarkeit per Unminify wieder her. Ohne Server-Uploads.
Sicherer JSON-Formatter: JSON-Dokumente lokal im Browser formatieren, validieren und korrigieren. Bequemes Pretty-Print/Minify, Fehlerhervorhebung, TypeScript- oder Zod-Generierung, Konvertierung in XML.
Kostenloser JSONPath-Tester und Evaluator für API-JSON. Extrahieren Sie passende Knoten in Echtzeit, prüfen Sie Pfade und kopieren Sie JSON-Ergebnisse lokal im Browser.
Konvertieren Sie JSON-Objekte oder -Arrays lokal im Browser in CSV-Dateien. Bringen Sie verschachtelte Felder in eine flache Struktur, nutzen Sie die Vorschau und kopieren oder laden Sie CSV-Daten herunter.
Konvertieren Sie CSV-Texte oder -Dateien lokal im Browser in JSON-Arrays. Unterstützt Kopfzeilen, Komma-/Semikolon-/Tab-Trennzeichen, Drag-and-Drop, Kopieren und Downloads ohne Server-Uploads.
Vergleichen Sie zwei JSON-Dokumente lokal in Ihrem Browser. Sortieren Sie Objektschlüssel für einen semantischen Diff, ignorieren Sie die Reihenfolge der Schlüssel und markieren Sie hinzugefügte, gelöschte und geänderte Felder ohne Server-Uploads.
Komprimieren Sie formatiertes JSON in eine einzige Zeile. Entfernen Sie Einrückungen, Zeilenumbrüche sowie überflüssige Leerzeichen und vergleichen Sie Dateigrößen in Echtzeit.
Kostenloser Online-JSON-zu-TypeScript-Konverter. Generieren Sie TypeScript-Interfaces und Types direkt aus Ihren JSON-Payloads. 100 % lokaler Datenschutz.
Berechnungslogik
- PX-zu-REM-Formel:
REM = PX / Basis-Größe. - REM-zu-PX-Formel:
PX = REM × Basis-Größe. - Bei Standard-Browsereinstellungen entspricht
16px = 1remund24px = 1.5rem.
Häufig gestellte Fragen
Wie viel Pixel entspricht 1rem?
Standardmäßig entspricht 1rem genau 16px. Falls Ihr Projekt die Schriftgröße über html { font-size } verändert, gilt die geänderte Wurzelgröße.
Was ist der Unterschied zwischen PX und REM?
PX ist eine absolute Pixeleinheit. REM (Root EM) bezieht sich relativ auf die Schriftgröße des HTML-Wurzelelements. Dies verbessert die Barrierefreiheit und Barrierefreiheit-Einstellungen für Benutzer.
Warum nutzen einige Projekte 10px als Basis?
Manche Entwickler setzen html { font-size: 62.5%; }, damit 1rem genau 10px entspricht, was das Kopfrechnen erleichtert. Beachten Sie vorab jedoch eventuelle Einschränkungen bei Barrierefreiheit-Systemen.
Werden auch EM-Werte umgerechnet?
Nein. Dieses Tool fokussiert auf PX und REM. EM-Werte hängen von der Schriftgröße des aktuellen Elements ab und weichen daher oft von der Root-Größe ab.
Werden CSS- oder Designdaten hochgeladen?
Nein. Die Umrechnung läuft ausschließlich in Ihrem Webbrowser ab. Es werden keine Daten an einen Server übermittelt.