Voer een getal in
1 rem = 16 px
Openen in PX naar REM omrekenenFormule
px = rem × 16
Zo reken je om
Om rem om te rekenen naar pixels, vermenigvuldig je de waarde met 16. Bijvoorbeeld: 2 rem = 32 px.
Omrekentabel
| rem | px |
|---|---|
| 0,25 rem | 4 px |
| 0,5 rem | 8 px |
| 0,75 rem | 12 px |
| 0,875 rem | 14 px |
| 1 rem | 16 px |
| 1,25 rem | 20 px |
| 1,5 rem | 24 px |
| 2 rem | 32 px |
| 2,5 rem | 40 px |
| 3 rem | 48 px |
| 4 rem | 64 px |
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 rem om naar px?
1 rem = 16 px. Om om te rekenen vermenigvuldig je de waarde met 16: 2 rem = 32 px.
› Hoeveel is 1 px in rem?
1 px = 0,0625 rem. De omgekeerde formule is rem = px ÷ 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.