px-in-rem-Umrechner
Bei einer Wurzel-Schriftgröße von 16 px gilt 24 px = 1,5 rem: Teilen Sie die Pixel durch die Wurzelgröße. Ändern Sie die Basis, wenn Ihre Website html eine andere Schriftgröße gibt.
- An Tausenden Fällen geprüft
- Quellen: CSS Values and Units Module Level 4 (W3C)
- Aktualisiert am 6. November 2026
16 px, außer Ihr CSS gibt html eine andere Größe.
Ergebnis
Punkt (pt)
Prozent (%)
Kleine Challenge
Serie 0Rekord 0
Testen Sie sich: Jede Antwort berechnet das Werkzeug, und die falschen Optionen sind die häufigsten Fallen.
So funktioniert es
Formel: rem = px ÷ Wurzel-Schriftgröße
In CSS entspricht 1 rem der Schriftgröße des Wurzelelements (html), egal wie tief ein Element verschachtelt ist; em bezieht sich dagegen auf das Elternelement. Also rem = px ÷ Wurzelgröße und px = rem × Wurzelgröße. CSS legt außerdem 1 px = 1/96 Zoll und 1 pt = 1/72 Zoll fest, also 1 pt = 4/3 px: 12 pt = 16 px. Das Tool beginnt bei 16 px, der üblichen Standard-Textgröße der Browser; wer in den Einstellungen größeren Text wählt, ändert sie, und rem-Größen folgen dieser Wahl.
Rechenbeispiele
24 px bei 16 px Basis
24 ÷ 16 = 1,5 rem.
24 px bei 10 px Basis
24 ÷ 10 = 2,4 rem.
12 pt in Pixel
12 × 4/3 = 16 px.
Häufige Fehler
Durch 10 teilen, obwohl die Basis 16 px ist: 24 px = 2,4 rem.
Durch die echte Wurzelgröße teilen: 1,5 rem.
Verschachtelte em wie rem behandeln: 1,5 em in 1,5 em.
em multiplizieren sich: 16 × 1,5 × 1,5 = 36 px. Mit rem bleiben 1,5 rem 24 px.
Punkte wie Pixel behandeln: 12 pt sind nicht 12 px.
1 pt = 4/3 px: 12 pt = 16 px.
Pixel in rem bei 16 px Basis
| Pixel | rem | Punkt |
|---|---|---|
| 10 px | 0,625 rem | 7,5 pt |
| 12 px | 0,75 rem | 9 pt |
| 14 px | 0,875 rem | 10,5 pt |
| 16 px | 1 rem | 12 pt |
| 18 px | 1,125 rem | 13,5 pt |
| 20 px | 1,25 rem | 15 pt |
| 24 px | 1,5 rem | 18 pt |
| 28 px | 1,75 rem | 21 pt |
| 32 px | 2 rem | 24 pt |
| 40 px | 2,5 rem | 30 pt |
| 48 px | 3 rem | 36 pt |
| 64 px | 4 rem | 48 pt |
Häufige Fragen
Wie viele Pixel sind 1 rem?
So viele wie die Wurzel-Schriftgröße. Bei 16 px: 1 rem = 16 px, 0,75 rem = 12 px und 2 rem = 32 px.
rem oder em?
rem bezieht sich immer auf die Schriftgröße von html: 1,5 rem ist überall auf der Seite gleich groß. em bezieht sich auf das Elternelement, verschachtelte em-Werte multiplizieren sich also.
Warum rem statt px?
Größen in rem folgen der Textgröße, die Besucher im Browser eingestellt haben; Schriftgrößen in px ignorieren diese Wahl, was Menschen benachteiligt, die größeren Text brauchen.