PX naar REM-omzetter

Reken CSS-lengtes om tussen px, rem, em, pt en andere eenheden. rem en em hangen af van een basislettergrootte, dus u voert de basis in waarmee wordt omgerekend.

Waarde (negatief toegestaan)

Omrekenen van (eenheid van de waarde)

Omrekenen naar (eenheid die groot wordt getoond)

rem-basis (lettergrootte van het hoofdelement, html)

em-basis (lettergrootte van het element)

De beginwaarde van 16px is de standaardlettergrootte in de meeste browsers. Het is geen waarde die de CSS-specificatie vastlegt en ze verandert met de instellingen van de gebruiker en de CSS van de site. U kunt beide basiswaarden wijzigen. Ze hebben geen invloed op een omrekening waarbij geen rem of em betrokken is.

Omgerekende waarde —

Hoe CSS-eenheden worden omgerekend

De absolute CSS-eenheden (px, pt, pc, in, cm, mm, Q) zijn gedefinieerd in de W3C-specificatie CSS Values and Units, als volgt.

Eenheid	Definitie	In px
in (inch)	1in = 2.54cm = 96px	96 px
px (pixel)	1px = 1/96 in	1 px
pt (punt)	1pt = 1/72 in	4/3 px (ongeveer 1,3333 px)
pc (pica)	1pc = 1/6 in (12pt)	16 px
cm (centimeter)	1in = 2.54cm	ongeveer 37,7953 px
mm (millimeter)	1cm = 10mm	ongeveer 3,77953 px
Q (kwartmillimeter)	1Q = 1/40 cm	ongeveer 0,944882 px

De berekening gebruikt exacte breuken. Een waarde die niet precies deelt (zoals cm, mm of Q in px) wordt als „afgeronde waarde” gelabeld.

rem en em hangen af van een basislettergrootte

rem is relatief aan de font-size van het root-element (html). Met een basis van 16px is 1rem = 16px. Als u html { font-size: 62.5% } instelt, wordt de basis 10px (wanneer de browserstandaard 16px is), en is 1,6rem = 16px.
em is relatief aan de font-size van het element waarop het wordt gebruikt. De uitzondering is de eigenschap font-size zelf: wanneer em in font-size wordt gebruikt, verwijst het naar de font-size die van het bovenliggende element is geërfd (dit zegt de W3C-specificatie). In eigenschappen zoals padding en margin verwijst em naar de eigen font-size van het element.
Geneste em-waarden (bijvoorbeeld 1,2em binnen een andere 1,2em, wat vermenigvuldigd 1,44 wordt) worden hier niet berekend. Voer als basis de berekende (werkelijke) font-size in.

De beginwaarde van 16px is slechts een handige standaard. Deze tool rekent om met de basis (in px) die u invoert, en een andere basis geeft een ander rem- of em-resultaat.

Een CSS-pixel is geen schermpixel

Een CSS-px is geen fysieke pixel op een scherm (een apparaatpixel). Het is een referentiepixel gedefinieerd als 1/96 inch. Op een scherm met hoge dichtheid kan één CSS-pixel met meerdere apparaatpixels worden getekend (bijvoorbeeld 2 × 2).

Voorbeelden

16px = 1rem = 1em = 12pt (met een basis van 16px)
24px = 2,4rem (met een basis van 10px)
1,6rem = 16px (met een basis van 10px)
1in = 96px = 72pt = 6pc = 2.54cm
10mm ≈ 37.79528px
0.75pt = 1px

Opmerkingen

Eenheden die afhangen van de schermgrootte, de grootte van het bovenliggende element of de vorm van het lettertype (vw, vh, %, ch, ex enzovoort) kunnen niet uit een getal alleen worden omgerekend, dus ze zijn niet opgenomen.
De waarde mag maximaal 12 cijfers vóór de decimale komma en 6 decimalen hebben, en mag negatief zijn (CSS kent negatieve lengtes, zoals margin: -10px). Een basis moet groter zijn dan 0. Scheidingstekens voor duizendtallen zoals 1.234,5 worden geaccepteerd; gebruik een komma als decimaalteken.
Resultaten worden getoond met 7 significante cijfers. U kunt de waarde kopiëren zoals weergegeven of met 15 significante cijfers.

Bronnen

W3C, CSS Values and Units Module Level 3: de definities van de absolute lengte-eenheden, en van em en rem (gecontroleerd op 31 oktober 2026; de pagina was de Candidate Recommendation Draft van 22 maart 2024). Ze noemt rem als de font-size van het root-element, en em als de berekende font-size van het element, of van het bovenliggende element wanneer gebruikt in de eigenschap font-size.

Veelgestelde vragen

Hoeveel px is 1rem?

Het hangt af van de font-size van het root-element (html). Met een basis van 16px is het 16px, maar als de font-size van html verandert, verandert ook de grootte van 1rem. Voer uw basis in om om te rekenen.

Moet ik px of pt gebruiken?

px en rem zijn gangbaar voor schermen. pt wordt vaker in CSS voor afdrukken gebruikt. Omdat 1pt = 4/3 px, is 12pt 16px.

Wat is het verschil tussen em en rem?

rem is relatief aan de font-size van het root-element, dus het is overal waar u het gebruikt even groot. em is relatief aan de font-size op de plek waar het wordt gebruikt, dus geneste elementen kunnen de grootte veranderen.