Geben Sie eine Zahl ein
1 px = 0,0625 rem
In PX-zu-REM-Rechner öffnenFormel
rem = px ÷ 16
So rechnen Sie um
Um Pixel in rem umzurechnen, teilen Sie den Wert durch 16. Beispiel: 32 px = 2 rem.
Umrechnungstabelle
| px | rem |
|---|---|
| 1 px | 0,0625 rem |
| 2 px | 0,125 rem |
| 4 px | 0,25 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
Die Tabelle geht von einer Basis-Schriftgröße von 16px aus. Passen Sie die Einstellungen im Umrechner oben an Ihr Projekt an.
Über diese Einheiten
Browser rechnen jede CSS-Länge in Pixel um. rem bezieht sich auf die Schriftgröße des Wurzelelements, em auf die des Elternelements; beide sind in allen gängigen Browsern 16px, solange Seite oder Nutzer nichts ändern. 1pt ist 1/72 Zoll und 1px 1/96 Zoll, also 1pt = 1,333px. vw ist 1 % der Viewport-Breite, die Pixelgröße hängt also vom Bildschirm ab.
FAQ
› Wie rechne ich px in rem um?
1 px = 0,0625 rem. Zum Umrechnen teilen Sie den Wert durch 16: 32 px = 2 rem.
› Wie viel ist 1 rem in px?
1 rem = 16 px. Die Umkehrformel lautet px = rem × 16.
› Warum rem statt px verwenden?
rem-Größen folgen der im Browser eingestellten Schriftgröße, was der Barrierefreiheit hilft, und ein einziger Wurzelwert skaliert das ganze Layout einheitlich.
› Was ist der Unterschied zwischen rem und em?
rem nutzt immer die Schriftgröße des Wurzelelements (html). em nutzt die des Elternelements, verschachtelte em-Werte multiplizieren sich also.