px naar rem omrekenen: formule en omrekentabel

pixels px rem rem

Basislettergrootte (px)

1 px = 0,0625 rem

Openen in PX naar REM omrekenen

Formule

rem = px ÷ 16

Zo reken je om

Om pixels om te rekenen naar rem, deel je de waarde door 16. Bijvoorbeeld: 32 px = 2 rem.

Omrekentabel

px	rem
1 px	0,0625 rem
2 px	0,125 rem
4 px	0,25 rem
8 px	0,5 rem
10 px	0,625 rem
12 px	0,75 rem
14 px	0,875 rem
16 px	1 rem
18 px	1,125 rem
20 px	1,25 rem
24 px	1,5 rem
32 px	2 rem
48 px	3 rem
64 px	4 rem

De tabel gaat uit van een basislettergrootte van 16px. Pas de instellingen in de omrekenaar hierboven aan je project aan.

Over deze eenheden

Browsers zetten elke CSS-lengte om in pixels. rem is relatief aan de lettergrootte van de root en em aan die van het ouderelement; beide zijn 16px in alle grote browsers, tenzij de pagina of de gebruiker dat wijzigt. 1pt is 1/72 inch en 1px is 1/96 inch, dus 1pt = 1,333px. vw is 1% van de viewportbreedte, dus de pixelgrootte hangt af van het scherm.

Veelgestelde vragen

› Hoe reken ik px om naar rem?

1 px = 0,0625 rem. Om om te rekenen deel je de waarde door 16: 32 px = 2 rem.

› Hoeveel is 1 rem in px?

1 rem = 16 px. De omgekeerde formule is px = rem × 16.

› Waarom rem gebruiken in plaats van px?

rem-maten volgen de lettergrootte die de gebruiker in de browser instelt, wat goed is voor toegankelijkheid, en één rootwaarde aanpassen schaalt de hele lay-out consequent.

› Wat is het verschil tussen rem en em?

rem gebruikt altijd de lettergrootte van de root (html). em gebruikt die van het ouderelement, dus geneste em-waarden vermenigvuldigen zich.