CSS Units Converter
Convert between px, rem, em, vh, vw, %, pt, cm, mm, and in with configurable settings.
16 px = 1 rem
Conversion Settings
Quick Reference (px to rem, base=16)
| px | rem | pt |
|---|---|---|
| 8px | 0.5rem | 6pt |
| 10px | 0.625rem | 7.5pt |
| 12px | 0.75rem | 9pt |
| 14px | 0.875rem | 10.5pt |
| 16px | 1rem | 12pt |
| 18px | 1.125rem | 13.5pt |
| 20px | 1.25rem | 15pt |
| 24px | 1.5rem | 18pt |
| 28px | 1.75rem | 21pt |
| 32px | 2rem | 24pt |
| 36px | 2.25rem | 27pt |
| 40px | 2.5rem | 30pt |
| 48px | 3rem | 36pt |
| 64px | 4rem | 48pt |
| 72px | 4.5rem | 54pt |
| 96px | 6rem | 72pt |
About CSS Units Converter
CSS Units Converter converts between all CSS length units: px, rem, em, vh, vw, %, pt, cm, mm, and in. Enter a value in any unit and see the equivalent in all others instantly. Configure the viewport size and base font size to get accurate relative unit conversions for your specific layout.
Relative units like rem and em are recommended for accessible designs but require knowing the base font size. Viewport units (vh, vw) depend on the viewport dimensions. This tool handles all those calculations for you.
Includes a quick reference table showing common conversion values.
Features
- ✓Converts between 10+ CSS length units
- ✓Configurable viewport size and base font size
- ✓Live conversion as you type
- ✓Quick reference table
- ✓Handles rem, em, vh, vw, %, px, pt, cm, mm
Common Use Cases
- →Converting Figma px values to rem for accessible designs
- →Converting pt to px for print-to-screen adaptation
- →Understanding viewport unit values at specific screen sizes
- →Matching legacy pixel designs to modern relative units