PX zu REM Umrechner
Rechnen Sie px in rem, rem in px und px in em bei jeder Basisschriftgröße um – mit kopierfertiger CSS-Zeile und einer Live-Referenztabelle.
🔒 Wird vollständig in Ihrem Browser verarbeitet – nichts, was Sie hier eingeben, wird jemals hochgeladen.
Ergebnis
Rem-Einheiten halten Layouts barrierefrei – sie skalieren mit der vom Nutzer eingestellten Schriftgröße –, aber niemand möchte den ganzen Tag im Kopf durch 16 teilen. Dieser Umrechner erledigt die Rechnung 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.
Das Feld für die Basisschriftgröße macht das Werkzeug für jedes Projekt passend. Der Browserstandard beträgt 16px, sodass 1rem out of the box 16px entspricht, aber viele Codebasen setzen html { font-size: 62,5% }, um 1rem gleich 10px zu machen – geben Sie 10 als Basis ein und jede Umrechnung sowie Tabellenzeile zieht mit. Die Richtung px → em nutzt dieselbe Mathematik, bezieht sich aber auf die Schriftgröße des Elternelements statt auf die Wurzel, genau das ist der Unterschied zwischen em und rem in CSS.
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 umgerechnet bei Ihrer aktuellen Basis, wobei die Zeile, die der Basis entspricht, hervorgehoben wird. Es ist der Spickzettel, den Sie sonst an den Monitor geklebt hätten, immer synchron mit der tatsächlich verwendeten Basis.
Alles passiert lokal in Ihrem Browser während der Eingabe: kein Upload, keine Anmeldung, kein Server-Roundtrip. Voreinstellungsseiten für rem → px, px → em, die 10px-Basis und beliebte Werte wie 14, 24 und 32 px öffnen den Umrechner bereits für genau diese Fragestellungen vorkonfiguriert.