PX to REM Converter
Instantly convert pixels to REM units. Includes a live typography preview and accessibility guide.
Converter
Usually 16px by default in most browsers.
px
rem
Quick Reference (Base 16px)
| Pixels | REM | Action |
|---|---|---|
| 12px | 0.7500rem | |
| 14px | 0.8750rem | |
| 16px | 1.0000rem | |
| 18px | 1.1250rem | |
| 20px | 1.2500rem | |
| 24px | 1.5000rem | |
| 32px | 2.0000rem | |
| 48px | 3.0000rem | |
| 64px | 4.0000rem |
Live Preview
The quick brown fox jumps over the lazy dog.
Current Size: 16px / 1rem
Why Use REM instead of PX?
In modern web development, the debate between pixels (px) and root ems (rem) is settled: REM is the standard for accessibility and responsiveness.
The Accessibility Argument
Users can change their browser's default font size (usually 16px) in settings. If you use px, your site ignores this preference, potentially making text unreadable for visually impaired users.
By using rem, your entire layout scales proportionally with the user's preference. If a user sets their base size to 24px, 1rem becomes 24px automatically.
The "62.5%" Trick
Many developers set the html font-size to 62.5%. Since 62.5% of 16px is 10px, this makes the math easier:
html { font-size: 62.5%; } /* 1rem = 10px */ body { font-size: 1.6rem; } /* 16px */*Note: While convenient for math, some argue against this hack as it can complicate third-party integrations. Our calculator helps you stick to the standard 16px base without the mental gymnastics.*