Calcoid

Pixel-zu-REM-Umrechner

Wandle CSS-Schriftgrößen zwischen px, rem, em, pt und Prozent um. Lege Root- und Kontextgröße fest und vergleiche gängige Referenzwerte.

CSS-Schriftgrößen umrechnen

Die Standardschriftgröße des html-Elements liegt oft bei 16 px, ist aber nicht garantiert.

Die Schriftgröße des Elternelements wird für EM und Prozent verwendet.

Pixel

24 px

REM (Root-EM)

1,5 rem

EM (Elternelement)

1,5 em

Punkt

18 pt

Prozent

150 %

CSS-Referenztabelle (Root 16 px)

Gängige Pixelwerte als REM und Punkt bei deiner aktuellen Root-Größe.

Eingabewert in Pixel: 24 px. Kontextgröße: 16 px.

PixelREMPunkt
8 px0,5 rem6 pt
10 px0,625 rem7,5 pt
12 px0,75 rem9 pt
14 px0,875 rem10,5 pt
16 px1 rem12 pt
18 px1,125 rem13,5 pt
20 px1,25 rem15 pt
24 px1,5 rem18 pt
28 px1,75 rem21 pt
32 px2 rem24 pt
40 px2,5 rem30 pt
48 px3 rem36 pt
64 px4 rem48 pt

Häufige Fragen

Was ist der Unterschied zwischen REM und EM?
REM bezieht sich auf die Schriftgröße des Root-Elements. EM richtet sich bei der Schriftgröße am Elternelement aus und kann sich bei verschachtelten Elementen verstärken.
Warum verwendet der Rechner standardmäßig 16 px?
Viele Browser verwenden 16 px als Ausgangsgröße, wenn du keine andere Root-Schriftgröße festlegst. Browser-Einstellungen und Stylesheets können diesen Wert ändern, deshalb kannst du ihn anpassen.
Ist REM automatisch barrierefreier als Pixel?
REM folgt der Root-Schriftgröße und reagiert deshalb gut auf geänderte Browsereinstellungen. Barrierefreiheit hängt trotzdem vom gesamten Layout, ausreichender Vergrößerung und lesbarem Kontrast ab.
Wann sind Punktwerte statt Pixel oder REM sinnvoll?
Punktwerte eignen sich vor allem für Druck-Stylesheets. Im Web entsprechen 1 pt genau 4/3 CSS-Pixel, unabhängig von der tatsächlichen Pixeldichte des Bildschirms.
Worauf beziehen sich Prozentwerte bei Schriftgrößen?
Bei der CSS-Schriftgröße beziehen sich Prozentwerte auf die berechnete Schriftgröße des Elternelements. Prozentwerte sind daher ähnlich wie EM, aber nicht wie REM an das Root-Element gebunden.

Änderungsverlauf

Aktualisierungen von Pixel-zu-REM-Umrechner, nach Datum gruppiert.

1 Aktualisierung
  1. Pixel-zu-REM-Umrechner hinzugefügt

    • Wandle CSS-Schriftgrößen zwischen px, rem, em, pt und Prozent um. Lege Root- und Kontextgröße fest und vergleiche gängige Referenzwerte.

Ähnliche Rechner

Weitere geprüfte Rechner im Themenbereich „Technik“.