Px naar rem omrekenen

Met deze tool kun je px naar rem omrekenen (en terug): voer een waarde in, pas de basisgrootte aan en krijg rem, em, pt, procent en vw plus een tabel met gangbare maten.

Voorbeeld: Waarde 24 · Eenheid van de waarde: px (pixels) · Lettergrootte van het root-element (rem) 16 px · Lettergrootte van het bovenliggende element (em, %) 16 px · Viewportbreedte (vw) 1.440 px → Resultaat: 24 px = 1,5 rem. Bron: W3C – CSS Values and Units Module Level 4: absolute lengths (1in = 96px = 72pt) en font-relative lengths (em, rem). Bijgewerkt: 2 oktober 2026.

Waarde

Eenheid van de waarde

Lettergrootte van het root-element (rem)

standaard van de browser: 16 px

Lettergrootte van het bovenliggende element (em, %)

meestal gelijk aan de root

Viewportbreedte (vw)

bijvoorbeeld 1440 voor desktop, 390 voor mobiel

Mijn toolboxJe invoer wordt alleen in deze browser opgeslagen.

Resultaat

Resultaat: 24 px = 1,5 rem
Alle eenheden: Eenheid Waarde CSS
Pixels (px) 24 px 24px
rem (root-lettertype) 1,5 rem 1.5rem
em (bovenliggend lettertype) 1,5 em 1.5em
Punten (pt) 18 pt 18pt
Procent (%) 150 % 150%
vw (viewportbreedte) 1,6667 vw 1.6667vw
Gangbare lettergroottes: px rem em pt
10 0,625 0,625 7,5
12 0,75 0,75 9
14 0,875 0,875 10,5
15 0,9375 0,9375 11,25
16 1 1 12
18 1,125 1,125 13,5
20 1,25 1,25 15
22 1,375 1,375 16,5
24 1,5 1,5 18
28 1,75 1,75 21
32 2 2 24
36 2,25 2,25 27
40 2,5 2,5 30
48 3 3 36
56 3,5 3,5 42
64 4 4 48
72 4,5 4,5 54
96 6 6 72; Berekend met een root-lettertype van 16 px en een bovenliggend lettertype van 16 px. rem volgt de grootte die gebruikers in hun browser instellen; px blijft vast.

Eenheid	Waarde	CSS
Pixels (px)	24 px	24px
rem (root-lettertype)	1,5 rem	1.5rem
em (bovenliggend lettertype)	1,5 em	1.5em
Punten (pt)	18 pt	18pt
Procent (%)	150 %	150%
vw (viewportbreedte)	1,6667 vw	1.6667vw

px	rem	em	pt
10	0,625	0,625	7,5
12	0,75	0,75	9
14	0,875	0,875	10,5
15	0,9375	0,9375	11,25
16	1	1	12
18	1,125	1,125	13,5
20	1,25	1,25	15
22	1,375	1,375	16,5
24	1,5	1,5	18
28	1,75	1,75	21
32	2	2	24
36	2,25	2,25	27
40	2,5	2,5	30
48	3	3	36
56	3,5	3,5	42
64	4	4	48
72	4,5	4,5	54
96	6	6	72

Zo wordt het berekend

Bij de standaard 16 px van de browser is 24 px precies 1,5 rem. De formule is rem = px / basisgrootte, en omgekeerd px = rem · basisgrootte.

Zo wordt er gerekend

rem is relatief aan de lettergrootte van het root-element (html), em aan die van het bovenliggende element. 1 pt is 1/72 inch en 1 px 1/96 inch, dus 1 pt = 4/3 px; 12 pt is gelijk aan 16 px. Procent bij de lettergrootte verwijst naar het bovenliggende lettertype. 1 vw is 1 % van de viewportbreedte. De tool rekent je waarde eerst om naar px en van daaruit naar alle andere eenheden.

Handig om te weten

Als een bezoeker de lettergrootte van de browser heeft vergroot, schalen rem-waarden automatisch mee terwijl px vast blijft (toegankelijkheid, WCAG 1.4.4).
Stelt je CSS html { font-size: 62.5% } in, dan is 1 rem = 10 px. Vul dan 10 in als basisgrootte.
em stapelt: 1,5 em binnen een element met 1,5 em geeft 2,25 keer. rem heeft dat probleem niet.
rem is gangbaar voor afstanden en lettergroottes, px blijft zinvol voor haarlijntjes en randen.

Veelgestelde vragen

Hoe reken je px om naar rem?

Deel de px-waarde door de basislettergrootte. Bij 16 px: 24 px / 16 = 1,5 rem.

Hoeveel px is 1 rem?

Standaard 16 px, omdat browsers het root-lettertype zo instellen. Verandert iemand het browserlettertype of stelt font-size in op html, dan verandert de waarde.

Wat is het verschil tussen em en rem?

rem verwijst altijd naar het root-lettertype (html), em naar dat van het bovenliggende element. Daarom kunnen em-waarden zich in geneste elementen vermenigvuldigen.

Hoeveel pt is 16 px?

12 pt, want 1 pt = 4/3 px. Omgekeerd is 10 pt ongeveer 13,33 px.

Bronnen en wettelijke basis

Bijgewerkt op: 2 oktober 2026 · Redactioneel beleid