PX to REM Converter
24px = 1.5rem
PX to REM table
Based on a root font size of 16px.
| Pixels | REM |
|---|---|
| 1px | 0.0625rem |
| 2px | 0.125rem |
| 4px | 0.25rem |
| 6px | 0.375rem |
| 8px | 0.5rem |
| 10px | 0.625rem |
| 12px | 0.75rem |
| 14px | 0.875rem |
| 15px | 0.9375rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 22px | 1.375rem |
| 24px | 1.5rem |
| 28px | 1.75rem |
| 32px | 2rem |
| 36px | 2.25rem |
| 40px | 2.5rem |
| 48px | 3rem |
| 56px | 3.5rem |
| 64px | 4rem |
| 72px | 4.5rem |
| 80px | 5rem |
| 96px | 6rem |
| 128px | 8rem |
How to convert px to rem
Enter a pixel value to get rem, or a rem value to get pixels. Browsers use a root font size of 16px by default; change it if your site sets a different size on the html element.
FAQ
How do you convert px to rem?
Divide the pixel value by the root font size. With the default root size of 16px, 24px ÷ 16 = 1.5rem.
How do you convert rem to px?
Multiply the rem value by the root font size. With a 16px root, 2rem × 16 = 32px.
Why use rem instead of px?
Rem units scale with the user’s browser font size setting, so layouts built with rem respect accessibility preferences. Pixels stay fixed.