If you use rem units in CSS (and you should), you probably do the same mental math every time: "16px base... so 24px is... 1.5rem?"
I built a converter that does it instantly.
Features
- Convert px to rem, em, pt, vw, vh, and percentage
- Adjustable base font size (default 16px)
- Common sizes reference table with use cases
- Click any result to copy
- Dark theme
Quick Reference
| PX | REM (base 16) | Use |
|---|---|---|
| 12px | 0.750rem | Small text |
| 14px | 0.875rem | Small text |
| 16px | 1.000rem | Body (default) |
| 18px | 1.125rem | Large text |
| 24px | 1.500rem | Heading |
| 32px | 2.000rem | Heading |
| 48px | 3.000rem | Display |
No signup, instant results.
More CSS tools:
Full toolkit (275+ tools): DevTools Site
Top comments (0)