Omregner fra PX til REM

Regn om CSS-lengder mellom px, rem, em, pt og andre enheter. rem og em avhenger av en basisskriftstørrelse, så du skriver inn basen du vil regne om med.

Verdi (negativ tillatt)

Regn om fra (enhet for verdien)

Regn om til (enhet som vises stort)

rem-grunnverdi (font-size for rotelementet, html)

em-grunnverdi (font-size for elementet)

Startverdien 16px er standard skriftstørrelse i de fleste nettlesere. Den er ikke en verdi satt av CSS-spesifikasjonen, og den endres med brukerens innstillinger og nettstedets CSS. Du kan endre begge basene. De påvirker ikke en omregning som ikke involverer rem eller em.

Omregnet verdi —

Hvordan CSS-enheter regnes om

De absolutte CSS-enhetene (px, pt, pc, in, cm, mm, Q) er definert i W3C-spesifikasjonen CSS Values and Units, som følger.

Enhet	Definisjon	I px
in (tomme)	1in = 2,54cm = 96px	96 px
px (piksel)	1px = 1/96 in	1 px
pt (punkt)	1pt = 1/72 in	4/3 px (omtrent 1,3333 px)
pc (pica)	1pc = 1/6 in (12pt)	16 px
cm (centimeter)	1in = 2,54cm	omtrent 37,7953 px
mm (millimeter)	1cm = 10mm	omtrent 3,77953 px
Q (kvart millimeter)	1Q = 1/40 cm	omtrent 0,944882 px

Beregningen bruker eksakte brøker. En verdi som ikke går opp (som cm, mm eller Q i px) merkes «avrundet verdi».

rem og em avhenger av en basisskriftstørrelse

rem er relativ til font-size på rotelementet (html). Med en base på 16px er 1rem = 16px. Hvis du setter html { font-size: 62.5 % }, blir basen 10px (når nettleserens standard er 16px), og 1,6rem = 16px.
em er relativ til font-size på elementet den brukes på. Unntaket er selve egenskapen font-size: når em brukes i font-size, viser den til font-size som er arvet fra forelderelementet (dette er det W3C-spesifikasjonen sier). I egenskaper som padding og margin viser em til elementets egen font-size.
Nestede em-verdier (for eksempel 1.2em inni en annen 1.2em, som multipliseres til 1.44) beregnes ikke her. Skriv inn den beregnede (faktiske) font-size som base.

Startverdien 16px er bare en praktisk standard. Dette verktøyet regner om med den basen (i px) du skriver inn, og en annen base gir et annet rem- eller em-resultat.

En CSS-piksel er ikke en skjermpiksel

En CSS-px er ikke en fysisk piksel på en skjerm (en enhetspiksel). Den er en referansepiksel definert som 1/96 tomme. På en skjerm med høy tetthet kan én CSS-piksel tegnes med flere enhetspiksler (for eksempel 2 × 2).

Eksempler

16px = 1rem = 1em = 12pt (med en base på 16px)
24px = 2,4rem (med en base på 10px)
1,6rem = 16px (med en base på 10px)
1in = 96px = 72pt = 6pc = 2,54cm
10mm ≈ 37,79528px
0,75pt = 1px

Merknader

Enheter som avhenger av skjermstørrelsen, størrelsen til forelderen eller skriftens form (vw, vh, %, ch, ex og så videre) kan ikke regnes om fra et tall alene, så de er ikke med.
Verdien kan ha opptil 12 sifre før desimaltegnet og 6 desimaler, og kan være negativ (CSS har negative lengder, som margin: -10px). En base må være større enn 0. Mellomrom brukes som tusenskilletegn (1 234,5); bruk komma som desimaltegn.
Resultatene vises med 7 gjeldende sifre. Du kan kopiere verdien slik den vises eller med 15 gjeldende sifre.

Kilder

W3C, CSS Values and Units Module Level 3: definisjonene av de absolutte lengdeenhetene, og av em og rem (kontrollert 31. oktober 2026; siden var Candidate Recommendation Draft datert 22. mars 2024). Den oppgir rem som font-size på rotelementet, og em som elementets beregnede font-size, eller forelderens når den brukes i egenskapen font-size.

Vanlige spørsmål

Hvor mange px er 1rem?

Det avhenger av font-size på rotelementet (html). Med en base på 16px er det 16px, men hvis html-font-size endres, endres også størrelsen på 1rem. Skriv inn basen din for å regne om.

Bør jeg bruke px eller pt?

px og rem er vanlige for skjermer. pt brukes oftere i CSS for trykk. Fordi 1pt = 4/3 px, er 12pt 16px.

Hva er forskjellen mellom em og rem?

rem er relativ til rotelementets font-size, så den er like stor uansett hvor du bruker den. em er relativ til font-size der den brukes, så nestede elementer kan endre størrelsen.