Back to Resources
CSS Unit Converter
Convert between px, em, rem, and other CSS units
Base Font Size
px (default browser size is usually 16px)
Convert Units
Quick Reference Table
| px | rem | em | pt |
|---|---|---|---|
| 8px | 0.5rem | 0.5em | 6pt |
| 10px | 0.625rem | 0.625em | 7.5pt |
| 12px | 0.75rem | 0.75em | 9pt |
| 14px | 0.875rem | 0.875em | 10.5pt |
| 16px | 1rem | 1em | 12pt |
| 18px | 1.125rem | 1.125em | 13.5pt |
| 20px | 1.25rem | 1.25em | 15pt |
| 24px | 1.5rem | 1.5em | 18pt |
| 32px | 2rem | 2em | 24pt |
| 48px | 3rem | 3em | 36pt |
| 64px | 4rem | 4em | 48pt |
Unit Explanations
- px (Pixels)
- Absolute unit. Fixed size regardless of context.
- rem (Root EM)
- Relative to the root element font size. Best for responsive design.
- em (EM)
- Relative to the parent element font size. Can compound.
- pt (Points)
- Traditional print unit. 1pt = 1/72 inch.
- % (Percentage)
- Relative to the parent element size.