PX to REM / EM Converter — CSS Unit Calculator
Convert between px, rem, em, pt, vw, vh, and percent. Includes a handy conversion table. Free online CSS unit converter.
px
Pixels (px)
16px
REM
1rem
EM
1em
Points (pt)
12pt
Viewport Width (vw)
0.8333vw
Viewport Height (vh)
1.4815vh
Percent (%)
100%
PX to REM Quick Reference (base: 16px)
8px
0.5rem
10px
0.625rem
12px
0.75rem
14px
0.875rem
16px
1rem
18px
1.125rem
20px
1.25rem
24px
1.5rem
28px
1.75rem
32px
2rem
36px
2.25rem
40px
2.5rem
48px
3rem
56px
3.5rem
64px
4rem
72px
4.5rem
80px
5rem
96px
6rem
PX vs REM vs EM
px is an absolute unit. rem is relative to the root font size (html element). em is relative to the parent element's font size. Using rem/em makes your designs more accessible and responsive.
Why Use REM?
REM units respect user browser font-size settings, improving accessibility. If a user increases their default font size, rem-based layouts scale proportionally while px-based layouts stay fixed.