PX ↔ REM Converter
1rem = 16px
Convert px to rem instantly — rem (root em) makes responsive typography predictable by scaling values relative to the root font-size. Use this simple formula: rem = px ÷ root-font-size (for most browsers the default root is 16px). Pick a root (16px is typical; 10px is handy for easier mental math) and convert: e.g. 16px → 1rem at 16px root, or 20px → 2rem at 10px root. Below is a quick reference chart of common pixel sizes converted to rem for both 16px and 10px root sizes.
| Pixels (px) | rem (root = 16px) | rem (root = 10px) |
| 8.0 | 0.500 | 0.800 |
| 12.0 | 0.750 | 1.200 |
| 14.0 | 0.875 | 1.400 |
| 16.0 | 1.000 | 1.600 |
| 18.0 | 1.125 | 1.800 |
| 20.0 | 1.250 | 2.000 |
| 24.0 | 1.500 | 2.400 |
| 32.0 | 2.000 | 3.200 |
| 48.0 | 3.000 | 4.800 |
| 64.0 | 4.000 | 6.400 |
Example conversions:
• 8px → 0.5rem (at 16px root) or 0.8rem (at 10px root)
• 16px → 1rem (at 16px root) or 1.6rem (at 10px root)
• 32px → 2rem (at 16px root) or 3.2rem (at 10px root)
Tip: For flexible, accessible designs, stick with rem for sizing text, spacing, and layouts — it ensures consistent scaling across devices and user settings.