Px in rem umrechnen

Mit dem Rechner können Sie px in rem umrechnen (und zurück): Wert eingeben, Basisgröße anpassen, und Sie erhalten rem, em, pt, Prozent und vw sowie eine Tabelle gängiger Größen.

Beispiel: Wert 24 · Einheit des Werts: px (Pixel) · Schriftgröße des Wurzelelements (rem) 16 px · Schriftgröße des Elternelements (em, %) 16 px · Viewport-Breite (vw) 1.440 px → Ergebnis: 24 px = 1,5 rem. Quelle: W3C – CSS Values and Units Module Level 4: absolute lengths (1in = 96px = 72pt) und font-relative lengths (em, rem). Stand: 2. Oktober 2026.

Wert

Einheit des Werts

Schriftgröße des Wurzelelements (rem)

Browser-Standard: 16 px

Schriftgröße des Elternelements (em, %)

meist wie die Wurzelschrift

Viewport-Breite (vw)

z. B. 1440 für Desktop, 390 für Handy

Meine ToolboxIhre Eingaben werden nur in diesem Browser gespeichert.

Ergebnis

Ergebnis: 24 px = 1,5 rem
Alle Einheiten: Einheit Wert CSS
Pixel (px) 24 px 24px
rem (Wurzelschrift) 1,5 rem 1.5rem
em (Elternschrift) 1,5 em 1.5em
Punkt (pt) 18 pt 18pt
Prozent (%) 150 % 150%
vw (Viewport-Breite) 1,6667 vw 1.6667vw
Gängige Schriftgrößen: px rem em pt
10 0,625 0,625 7,5
12 0,75 0,75 9
14 0,875 0,875 10,5
15 0,9375 0,9375 11,25
16 1 1 12
18 1,125 1,125 13,5
20 1,25 1,25 15
22 1,375 1,375 16,5
24 1,5 1,5 18
28 1,75 1,75 21
32 2 2 24
36 2,25 2,25 27
40 2,5 2,5 30
48 3 3 36
56 3,5 3,5 42
64 4 4 48
72 4,5 4,5 54
96 6 6 72; Gerechnet mit Wurzelschrift 16 px und Elternschrift 16 px. rem folgt der Schriftgröße, die Nutzer im Browser eingestellt haben; px bleibt starr.

Einheit	Wert	CSS
Pixel (px)	24 px	24px
rem (Wurzelschrift)	1,5 rem	1.5rem
em (Elternschrift)	1,5 em	1.5em
Punkt (pt)	18 pt	18pt
Prozent (%)	150 %	150%
vw (Viewport-Breite)	1,6667 vw	1.6667vw

px	rem	em	pt
10	0,625	0,625	7,5
12	0,75	0,75	9
14	0,875	0,875	10,5
15	0,9375	0,9375	11,25
16	1	1	12
18	1,125	1,125	13,5
20	1,25	1,25	15
22	1,375	1,375	16,5
24	1,5	1,5	18
28	1,75	1,75	21
32	2	2	24
36	2,25	2,25	27
40	2,5	2,5	30
48	3	3	36
56	3,5	3,5	42
64	4	4	48
72	4,5	4,5	54
96	6	6	72

So wird gerechnet

Bei der Browser-Standardgröße von 16 px sind 24 px genau 1,5 rem. Die Formel lautet rem = px / Basisgröße, umgekehrt px = rem · Basisgröße.

So wird gerechnet

rem ist relativ zur Schriftgröße des Wurzelelements (html), em relativ zur Schrift des Elternelements. 1 pt ist 1/72 Zoll und 1 px 1/96 Zoll, also 1 pt = 4/3 px; 12 pt entsprechen 16 px. Prozent bei der Schriftgröße beziehen sich auf die Elternschrift. 1 vw ist 1 % der Viewport-Breite. Der Rechner rechnet Ihren Wert zuerst in px um und von dort in alle anderen Einheiten.

Gut zu wissen

Wer die Schriftgröße im Browser vergrößert hat, bekommt bei rem-Angaben automatisch größere Texte; bei px bleibt es starr (Barrierefreiheit, WCAG 1.4.4).
Setzt Ihr CSS html { font-size: 62.5% }, ist 1 rem = 10 px. Tragen Sie dann 10 als Basisgröße ein.
em verschachtelt sich: In einem Element mit 1,5 em in einem Element mit 1,5 em ergibt sich 2,25-fach. rem hat dieses Problem nicht.
Für Abstände und Schriftgrößen sind rem üblich, für feine Linien und Rahmen bleibt px sinnvoll.

Häufige Fragen

Wie rechnet man px in rem um?

Den px-Wert durch die Basisschriftgröße teilen. Bei 16 px: 24 px / 16 = 1,5 rem.

Wie viel px ist 1 rem?

Standardmäßig 16 px, weil Browser die Schriftgröße des Wurzelelements so voreinstellen. Passt jemand die Browser-Schrift an oder setzt font-size auf html, ändert sich der Wert.

Was ist der Unterschied zwischen em und rem?

rem bezieht sich immer auf die Wurzelschrift (html), em auf die Schrift des Elternelements. Deshalb können sich em-Werte in verschachtelten Elementen vervielfachen.

Wie viel pt sind 16 px?

12 pt, denn 1 pt = 4/3 px. Umgekehrt sind 10 pt etwa 13,33 px.

Quellen und Rechtsgrundlagen

Stand: 2. Oktober 2026 · So prüfen wir

Ergebnis

So wird gerechnet

So wird gerechnet

Gut zu wissen

Häufige Fragen

Quellen und Rechtsgrundlagen

Passende Werkzeuge