PIXEL in REM konvertieren

Für die Umwandlung von PIXEL Einheiten (px) in REM Werte (rem) gibt hier eine kleine Umrechnungstabelle mit den gängigsten Werten. Die Schriftgröße (Font-Size) ist einer der wichtigsten Werte bei der Gestaltung einer Website.

Während man früher fast immer nur px (Pixel) für die Schriftgröße als absolute Einheit verwendet hat, gibt es inzwischen aber auch noch andere praktische relative Einheiten wie rem, em, % oder vh und vw (relative zum Viewport).

Während sich em und Prozent Angaben immer auf das Eltern HTML-Element beziehen, bezieht sich rem dagegen immer auf die Basis Font-Größe im HTML-Dokument. Die Einheit bleibt also immer relativ zum root-Element (nicht zum Elternelement). Das ist vor allem bei responsiven Ansichten ein großer Vorteil.

Die Umrechnung von Pixel zu REM bezieht sich dabei immer auf die Standardschriftgröße der Browser von 16 Pixeln.

html {
font-size: 100%;
}

Anhand der Formel Pixelwert : 16 = rem-Wert werden die Angaben umgerechnet.
Damit enspricht 1rem = 16px,  2rem = 32px, 3rem = 48px usw.

PIXEL in REM konvertieren – Umrechnungstabelle

PixelREM
1px0.0625rem
2px0.125rem
3px0.1875rem
4px0.25rem
5px0.3125rem
6px0.4375rem
7px0.375rem
8px0.5rem
9px0.5625rem
10px0.625rem
12px0.75rem
14px0.875rem
15px0.9375rem
16px1rem 
17px1.063rem
18px1.125rem
19px1.188rem
20px1.25rem
22px1.375rem
24px1.5rem
26px1.625rem
28px1.75rem
30px1.875rem
32px2rem
34px2.125rem
36px2.25rem
38px2.375rem
40px2.5rem
42px2.625rem
44px2.75rem
46px2.875rem
48px3rem
50px3.125rem
52px3.25rem
54px3.375rem
56px3.5rem
58px3.625rem
60px3.75rem

Schreibe einen Kommentar