Pixel Unit Converter
Convert between CSS units: px, em, rem, pt, cm, mm, and inches.
Perfect for web designers.
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.