Zum Inhalt springen

Wie viel rem sind diese Pixel?

Rechne CSS-Längen zwischen px, rem, em, pt, pc, in, cm, mm und Q bei deiner Schriftgröße um.

px

Ergebnis

16 px

1 rem entspricht 16 Pixel

  • Umgekehrt: 1 px = 0,0625 rem.

In allen Einheiten

Pixel
16 px
Rem
1 rem
Em
1 em
Punkt
12 pt
Pica
1 pc
Zoll
0,1667 in
Zentimeter
0,4233 cm
Millimeter
4,233 mm
Viertelmillimeter
16,93 Q

Gesponserte Links

Rechne CSS-Längen zwischen px, rem, em, pt, pc, in, cm, mm und Q bei deiner Schriftgröße um.

Anleitung

  1. Gib die Länge ein, die du umrechnen möchtest.
  2. Wähle Ausgangs- und Zieleinheit.
  3. Lege die Schriftgröße fest, für die 1 rem oder 1 em steht: 16 px, sofern dein Stylesheet sie nicht ändert.

px → rem

pxrem
80,5
120,75
161
241,5
322
483

Bei einer Schriftgröße des Wurzelelements von 16 px.

So funktioniert es

CSS kennt absolute Längen, die fest zueinander stehen, und schriftbezogene. In CSS ist ein Zoll immer 96 px, also ist 1 pt (1/72 Zoll) 4/3 px, eine Pica 16 px und 1 cm etwa 37,8 px. Diese CSS-Pixel sind nicht die physischen Pixel des Bildschirms; der Browser skaliert sie.

Ein rem ist die Schriftgröße des Wurzelelements, ein em die Schriftgröße des Elements selbst. Browser verwenden standardmäßig 16 px, also gilt rem = px ÷ 16 und 24 px = 1,5 rem. Ist deine Root-Schriftgröße 20 px, sind 24 px 1,2 rem. Der Umrechner verwendet die eine eingestellte Schriftgröße für beide; gib für em also die Größe an, die für das jeweilige Element gilt.

Die Definitionen stammen aus dem W3C-Modul CSS Values and Units Level 4. Viewport- und Container-Einheiten (vw, vh, cqw) hängen vom Bildschirm ab und sind nicht enthalten.

Gesponserte Links

Häufige Fragen

Wie viele Pixel sind 1 rem?

16 px bei der Standardschriftgröße der Browser. Der Wert ändert sich mit der Root-Schriftgröße, zum Beispiel 10 px bei html { font-size: 62.5% }.

Was ist der Unterschied zwischen em und rem?

rem nutzt immer die Schriftgröße des Wurzelelements (html); em nutzt die Schriftgröße des Elements, an dem es steht, daher multiplizieren sich verschachtelte em-Werte.

Wie viele Pixel sind 12 pt?

16 px: Ein Punkt ist 1/72 Zoll, und ein CSS-Zoll sind 96 px.

Ist ein CSS-Pixel immer ein Bildschirmpixel?

Nein. CSS-Pixel sind Referenzeinheiten. Gerätepixeldichte und Zoom bestimmen, wie viele physische Pixel einen CSS-Pixel darstellen.

Kann ich hier vw oder vh umrechnen?

Nein. Sie hängen von der Größe des Viewports ab. Unterstützt werden feste CSS-Längen und em/rem mit deiner angegebenen Schriftgröße.

Mehr in Einheiten umrechnen

Alle 24 Tools in Einheiten umrechnen

Gesponserte Links

Gesponserte Links