Pixel Unit Converter
Convert CSS units including px, em, rem, pt, cm, mm, and inches at any base font size.
For responsive web design and translating print to screen dimensions.
Type in any field — the others update instantly. Adjust base font size for em/rem.
CSS uses several units for sizing elements and text. Conversions assume 96 DPI (standard screen resolution).
Absolute units (at 96 DPI):
- 1 inch = 96 px = 72 pt = 2.54 cm = 25.4 mm
- 1 px = 0.75 pt = 0.0104 in = 0.0265 cm
- 1 pt = 1.333 px = 0.01389 in = 0.03528 cm
- 1 cm = 37.795 px
- 1 mm = 3.7795 px
Relative units (depend on base font size):
- 1 em = size of the parent element’s font (default 16px)
- 1 rem = size of the root (html) element’s font (default 16px)
- At default 16px base: 1 em = 1 rem = 16 px
Common font sizes:
| px | em/rem | pt | Use case |
|---|---|---|---|
| 12px | 0.75 | 9pt | Small text |
| 14px | 0.875 | 10.5pt | Body text (small) |
| 16px | 1.0 | 12pt | Default body |
| 18px | 1.125 | 13.5pt | Large body |
| 24px | 1.5 | 18pt | Heading |
| 32px | 2.0 | 24pt | Large heading |
Web best practice: Use rem for font sizes and px for borders/shadows.