PX-zu-REM-Konverter
Konvertieren Sie px in rem, rem in px und px in em in jeder Basisschriftgröße, mit einer kopierfertigen CSS-Zeile und einer Live-Referenztabelle.
Ergebnis
Rem-Einheiten sorgen dafür, dass Layouts zugänglich sind – sie skalieren mit der vom Benutzer bevorzugten Schriftgröße –, aber niemand möchte den ganzen Tag im Kopf durch 16 dividieren. Dieser Konverter erledigt die Arithmetik live: Wählen Sie die Richtung (px → rem, rem → px oder px → em), geben Sie den Wert ein, und das Ergebnis erscheint sofort zusammen mit einer kopierfertigen CSS-Zeile wie „font-size: 0.875rem“.
Durch das Feld „Basisschriftgröße“ passt das Tool zu jedem Projekt. Der Standardwert des Browsers ist 16 Pixel, daher entspricht 1rem standardmäßig 16 Pixel, aber viele Codebasen legen html {font-size: 62,5 % } fest, um 1rem gleich 10 Pixel zu machen – geben Sie 10 als Basis ein, und jede Konvertierung und Tabellenzeile folgt. Die Richtung px → em verwendet die gleiche Mathematik für die Schriftgröße des übergeordneten Elements anstelle des Stamms, was genau dem Unterschied zwischen em und rem in CSS entspricht.
Unterhalb des Ergebnisses zeigt eine Referenztabelle die gängigsten Designgrößen – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 und 64 Pixel – bereits an Ihrer aktuellen Basis konvertiert, wobei die mit der Basis übereinstimmende Zeile hervorgehoben ist. Es ist der Spickzettel, den Sie sonst an Ihren Monitor kleben würden, immer synchron mit der Basis, die Sie tatsächlich verwenden.
Alles geschieht lokal in Ihrem Browser, während Sie tippen: kein Upload, keine Anmeldung, kein Server-Roundtrip. Voreingestellte Seiten für rem → px, px → em, die 10px-Basis und beliebte Werte wie 14, 24 und 32 px öffnen den Konverter, der genau für diese Fragen vorkonfiguriert ist.