PX-REM-Umrechner

Rechnen Sie CSS-Längen zwischen px, rem, em, pt und anderen Einheiten um. rem und em hängen von einer Basisschriftgröße ab, daher geben Sie die Basis ein, mit der umgerechnet wird.

Wert (negativ erlaubt)

Umrechnen von (Einheit des Werts)

Umrechnen in (Einheit, die groß angezeigt wird)

rem-Basis (font-size des Wurzelelements html)

em-Basis (font-size des Elements)

Der Ausgangswert von 16px ist die Standardschriftgröße in den meisten Browsern. Er ist kein von der CSS-Spezifikation festgelegter Wert und ändert sich mit den Einstellungen des Nutzers und dem CSS der Website. Sie können beide Basen ändern. Sie beeinflussen keine Umrechnung, an der weder rem noch em beteiligt sind.

Umgerechneter Wert —

Wie CSS-Einheiten umgerechnet werden

Die absoluten CSS-Einheiten (px, pt, pc, in, cm, mm, Q) sind in der W3C-Spezifikation CSS Values and Units wie folgt definiert.

Einheit	Definition	In px
in (Zoll)	1in = 2,54cm = 96px	96 px
px (Pixel)	1px = 1/96 in	1 px
pt (Punkt)	1pt = 1/72 in	4/3 px (etwa 1,3333 px)
pc (Pica)	1pc = 1/6 in (12pt)	16 px
cm (Zentimeter)	1in = 2,54cm	etwa 37,7953 px
mm (Millimeter)	1cm = 10mm	etwa 3,77953 px
Q (Viertelmillimeter)	1Q = 1/40 cm	etwa 0,944882 px

Die Berechnung verwendet exakte Brüche. Ein Wert, der nicht glatt aufgeht (etwa cm, mm oder Q in px), wird als „gerundeter Wert“ gekennzeichnet.

rem und em hängen von einer Basisschriftgröße ab

rem ist relativ zur Schriftgröße des Wurzelelements (html). Bei einer Basis von 16px ist 1rem = 16px. Setzen Sie html { font-size: 62.5% }, wird die Basis zu 10px (wenn die Browser-Voreinstellung 16px ist), und 1,6rem = 16px.
em ist relativ zur Schriftgröße des Elements, auf dem es verwendet wird. Die Ausnahme ist die Eigenschaft font-size selbst: Wird em in font-size verwendet, bezieht es sich auf die vom Elternelement geerbte Schriftgröße (das sagt die W3C-Spezifikation). Bei Eigenschaften wie padding und margin bezieht sich em auf die eigene Schriftgröße des Elements.
Verschachtelte em-Werte (zum Beispiel 1,2em innerhalb von weiteren 1,2em, was multipliziert 1,44 ergibt) werden hier nicht berechnet. Geben Sie als Basis die berechnete (tatsächliche) Schriftgröße ein.

Der Ausgangswert 16px ist nur eine praktische Voreinstellung. Dieses Werkzeug rechnet mit der Basis (in px), die Sie eingeben, und eine andere Basis ergibt ein anderes rem- oder em-Ergebnis.

Ein CSS-Pixel ist kein Bildschirmpixel

Ein CSS-px ist kein physisches Pixel auf einem Bildschirm (ein Geräte-Pixel). Es ist ein Referenzpixel, definiert als 1/96 eines Zolls. Auf einem Bildschirm mit hoher Dichte kann ein CSS-Pixel mit mehreren Geräte-Pixeln gezeichnet werden (zum Beispiel 2 × 2).

Beispiele

16px = 1rem = 1em = 12pt (bei einer Basis von 16px)
24px = 2,4rem (bei einer Basis von 10px)
1,6rem = 16px (bei einer Basis von 10px)
1in = 96px = 72pt = 6pc = 2,54cm
10mm ≈ 37,79528px
0,75pt = 1px

Hinweise

Einheiten, die von der Bildschirmgröße, der Größe des Elternelements oder der Form der Schrift abhängen (vw, vh, %, ch, ex und so weiter), lassen sich nicht allein aus einer Zahl umrechnen und sind daher nicht enthalten.
Der Wert kann bis zu 12 Stellen vor dem Komma und 6 Nachkommastellen haben und negativ sein (CSS kennt negative Längen, etwa margin: -10px). Eine Basis muss größer als 0 sein. Tausendertrennzeichen wie in 1.234,5 werden akzeptiert; das Komma ist das Dezimaltrennzeichen.
Die Ergebnisse werden mit 7 signifikanten Stellen angezeigt. Sie können den Wert wie angezeigt oder mit 15 signifikanten Stellen kopieren.

Quellen

W3C, CSS Values and Units Module Level 3: die Definitionen der absoluten Längeneinheiten sowie von em und rem (geprüft am 31. Oktober 2026; die Seite war der Candidate Recommendation Draft vom 22. März 2024). Sie führt rem als Schriftgröße des Wurzelelements auf und em als berechnete Schriftgröße des Elements oder, bei Verwendung in der Eigenschaft font-size, des Elternelements.

Häufige Fragen

Wie viele px ist 1rem?

Das hängt von der Schriftgröße des Wurzelelements (html) ab. Bei einer Basis von 16px sind es 16px, aber ändert sich die Schriftgröße von html, ändert sich auch die Größe von 1rem. Geben Sie Ihre Basis zum Umrechnen ein.

Soll ich px oder pt verwenden?

px und rem sind für Bildschirme üblich. pt wird in CSS eher für den Druck verwendet. Weil 1pt = 4/3 px ist, sind 12pt 16px.

Was ist der Unterschied zwischen em und rem?

rem ist relativ zur Schriftgröße des Wurzelelements und hat daher überall dieselbe Größe. em ist relativ zur Schriftgröße an der Stelle, an der es verwendet wird, daher können verschachtelte Elemente seine Größe ändern.