Umrechner PX in REM

CSS-Pixel und rem mit Ihrer Basis-Schriftgröße umrechnen.

Formel Bildschirme & Design

REM

Punkt: 18 pt
Prozent der Basisgröße: 150 %

So funktioniert es

Ein rem entspricht der Schriftgröße des html-Wurzelelements, im Browser standardmäßig 16 px. Ein Pixelwert geteilt durch die Basisgröße ergibt rem; rem mal Basisgröße ergibt Pixel.

Em funktioniert ähnlich, bezieht sich aber auf die Schriftgröße des übergeordneten Elements, sodass es nur dann gleich rem ist, wenn das übergeordnete Element die Basisgröße verwendet.

In CSS ist 1 px als 1/96 Zoll und 1 pt als 1/72 Zoll definiert, also 1 px = 0.75 pt.

Formel

rem = px ÷ Basisgröße
px = rem × Basisgröße
pt = px × 0.75

Rechenbeispiel

Mit der Standardbasis von 16 px sind 24 px gleich 24 ÷ 16 = 1.5 rem, also 18 pt und 150 % der Basisgröße.

Häufige Fragen

Warum rem statt px verwenden?

rem-Größen skalieren mit, wenn Nutzer die Standard-Schriftgröße ihres Browsers ändern, was der Barrierefreiheit hilft.

Was ist der Unterschied zwischen rem und em?

rem bezieht sich auf das Wurzelelement; em bezieht sich auf das übergeordnete Element des aktuellen Elements, daher summieren sich verschachtelte em-Werte.