Free PX to REM Converter
Convert pixels to rem units and rem to pixels with a configurable base font size. Includes a quick reference table with 15 common values. No signup required.
100% free — no account needed
Result
1rem
Quick Reference
| PX | REM | |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem |
Free PX to REM Converter Features
Stop calculating rem values in your head
Custom Base Size
Set any base font size (default 16px) to match your project.
Bidirectional
Convert px to rem and rem to px with instant results.
Copy Values
Copy any value from the table or conversion result with one click.
Reference Table
Quick lookup for 15 common px values and their rem equivalents.
FAQ
Why use rem instead of px?
Rem units are relative to the root font size, making your designs responsive and accessible. Users who increase their browser font size will see your content scale properly.
What base font size should I use?
16px is the browser default and the most common choice. Some design systems use 10px (making math easier: 1.6rem = 16px) but this requires setting html { font-size: 62.5% }.
When should I still use px?
Use px for borders, box-shadows, and fine details that shouldn't scale. Use rem for font sizes, padding, margins, and any spacing that should scale with user preferences.
More Dev Utilities
CSS gradient generator, color contrast checker, and more.