REM-zu-PX-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
Diese Seite öffnet den Konverter in der Richtung rem → px: Geben Sie einen rem-Wert ein und Sie erhalten sofort das Pixeläquivalent in der aktuellen Basisschriftgröße sowie eine kopierfertige CSS-Zeile. Bei der Standardbasis des Browsers von 16 Pixel ist 1,5rem 24px und 2rem 32px.
Der Wechsel von rem zurück zu Pixeln ist die alltägliche Richtung, wenn Sie sich das Stylesheet einer anderen Person oder ein Panel mit berechneten Stilen ansehen: Das CSS sagt 1,25rem und die Designspezifikation spricht in Pixeln. Die Formel lautet einfach rem × base, und im Feld „base“ können Sie die tatsächliche Stammschriftgröße des Projekts anpassen – einschließlich des 62,5-%-Tricks, bei dem 1rem 10 Pixel bedeutet.
Die Referenztabelle unten zeigt die gängigen Pixelgrößen mit ihren Rem-Werten an der von Ihnen gewählten Basis, sodass Sie den gesamten Maßstab auf einmal scannen können. Alles wird live in Ihrem Browser neu berechnet, während Sie tippen, und nichts wird irgendwohin gesendet.