PX till REM-omvandlare

Omvandla CSS-längder mellan px, rem, em, pt och andra enheter. rem och em beror på en bas för teckenstorlek, så du anger den bas som ska användas.

Värde (negativt tillåtet)

Omvandla från (värdets enhet)

Omvandla till (enhet att visa stort)

rem-bas (rotelementets font-size, html)

em-bas (elementets font-size)

Startvärdet 16px är standardstorleken för typsnitt i de flesta webbläsare. Det är inte ett värde som anges av CSS-specifikationen, och det ändras med användarens inställningar och sidans CSS. Du kan ändra båda baserna. De påverkar inte en omvandling som inte involverar rem eller em.

Omvandlat värde —

Så omvandlas CSS-enheter

De absoluta CSS-enheterna (px, pt, pc, in, cm, mm, Q) definieras i W3C-specifikationen CSS Values and Units, enligt följande.

Enhet	Definition	I px
in (tum)	1in = 2.54cm = 96px	96 px
px (pixel)	1px = 1/96 in	1 px
pt (punkt)	1pt = 1/72 in	4/3 px (ca 1,3333 px)
pc (pica)	1pc = 1/6 in (12pt)	16 px
cm (centimeter)	1in = 2.54cm	ca 37,7953 px
mm (millimeter)	1cm = 10mm	ca 3,77953 px
Q (kvartsmillimeter)	1Q = 1/40 cm	ca 0,944882 px

Beräkningen använder exakta bråk. Ett värde som inte går jämnt upp (som cm, mm eller Q i px) märks ”avrundat värde”.

rem och em beror på en bas för teckenstorlek

rem är relativt font-size för rotelementet (html). Med basen 16px är 1rem = 16px. Om du sätter html { font-size: 62.5 % } blir basen 10px (när webbläsarens standard är 16px), och 1.6rem = 16px.
em är relativt font-size för det element där det används. Undantaget är själva egenskapen font-size: när em används i font-size avser det den font-size som ärvs från det överordnade elementet (så säger W3C-specifikationen). I egenskaper som padding och margin avser em elementets egen font-size.
Nästlade em-värden (till exempel 1.2em inuti en annan 1.2em, vilket multipliceras till 1.44) beräknas inte här. Ange den beräknade (faktiska) font-size som bas.

Startvärdet 16px är bara en praktisk standard. Det här verktyget omvandlar med den bas (i px) du anger, och en annan bas ger ett annat rem- eller em-resultat.

En CSS-pixel är inte en skärmpixel

En CSS-px är inte en fysisk pixel på en skärm (en enhetspixel). Det är en referenspixel som definieras som 1/96 tum. På en skärm med hög täthet kan en CSS-pixel ritas med flera enhetspixlar (till exempel 2 × 2).

Exempel

16px = 1rem = 1em = 12pt (med basen 16px)
24px = 2.4rem (med basen 10px)
1.6rem = 16px (med basen 10px)
1in = 96px = 72pt = 6pc = 2.54cm
10mm ≈ 37.79528px
0.75pt = 1px

Anmärkningar

Enheter som beror på skärmstorleken, det överordnade elementets storlek eller typsnittets form (vw, vh, %, ch, ex och så vidare) kan inte omvandlas utifrån enbart ett tal, så de ingår inte.
Värdet kan ha upp till 12 siffror före decimalkommat och 6 decimaler, och kan vara negativt (CSS har negativa längder, som margin: -10px). En bas måste vara större än 0. Mellanslag används som tusentalsavgränsare (1 234,5); använd komma som decimaltecken.
Resultaten visas med 7 gällande siffror. Du kan kopiera värdet som det visas eller med 15 gällande siffror.

Källor

W3C, CSS Values and Units Module Level 3: definitionerna av de absoluta längdenheterna samt av em och rem (kontrollerat den 31 oktober 2026; sidan var Candidate Recommendation Draft daterad 22 mars 2024). Den anger rem som rotelementets teckenstorlek och em som elementets beräknade font-size, eller det överordnade elementets när den används i egenskapen font-size.

Vanliga frågor

Hur många px är 1rem?

Det beror på font-size för rotelementet (html). Med basen 16px är det 16px, men om html-elementets font-size ändras ändras också storleken på 1rem. Ange din bas för att omvandla.

Ska jag använda px eller pt?

px och rem är vanliga för skärmar. pt används oftare i CSS för utskrift. Eftersom 1pt = 4/3 px är 12pt 16px.

Vad är skillnaden mellan em och rem?

rem är relativt rotelementets font-size, så det är lika stort var du än använder det. em är relativt font-size där det används, så nästlade element kan ändra dess storlek.