PX in REM umrechnen

Geben Sie einen Wert in einer beliebigen Einheit ein und erhalten Sie die Entsprechung in den anderen. Standardmäßig gilt 1rem = 16px, die Schriftgröße der Browser; ändern Sie sie, wenn Ihr CSS eine andere verwendet. Sie können auch einen CSS-Block einfügen und alle px auf einmal in rem umwandeln.

Einheitenrechner

px
px
px
rem bezieht sich auf die Schriftgröße des Wurzelelements (html), em und % auf die des Elternelements; 1pt = 1/72 Zoll = 1,333px; 1vw = 1 % der Fensterbreite.

Umrechnungstabelle

pxremempt%

CSS-Block von px in rem umwandeln

px, rem und em: Was sollte man verwenden?

Das Pixel (px) ist eine feste Einheit. rem („root em“) bezieht sich auf die Schriftgröße des html-Elements, die in allen Browsern 16px beträgt, sofern der Nutzer sie nicht ändert: Daher gilt 1rem = 16px, 1,5rem = 24px und 0,875rem = 14px. em bezieht sich auf die Schriftgröße des Elternelements und summiert sich daher bei verschachtelten Elementen.

Wer rem für Schriftgrößen, Abstände und Innenabstände verwendet, respektiert die Einstellungen von Menschen, die die Schriftgröße im Browser wegen einer Sehschwäche vergrößern – so empfehlen es die Barrierefreiheitsrichtlinien WCAG. Für dünne Rahmen und Schatten bleibt px praktisch.

Formel zur Umrechnung von px in rem

rem = px ÷ Basisgröße. Mit der Standardbasis von 16px: 24px ÷ 16 = 1,5rem. Umgekehrt gilt px = rem × 16. Manche Projekte setzen html { font-size: 62.5%; }, damit 1rem 10px entspricht und sich leichter rechnen lässt; geben Sie in diesem Fall 10 als Basisgröße ein.

vw und vh entsprechen 1 % der Breite bzw. Höhe des Fensters: nützlich für fließende Typografie zusammen mit clamp(), etwa font-size: clamp(1rem, 2.5vw, 2rem).