Instantly convert pixels to REM units. Includes a live typography preview and accessibility guide.
Usually 16px by default in most browsers.
px
rem
| 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 |
The quick brown fox jumps over the lazy dog.
Current Size: 16px / 1rem
In modern web development, the debate between pixels (px) and root ems (rem) is settled: REM is the standard for accessibility and responsiveness.
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.
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.*
16px
1rem
Converts 16px to 1rem
24px
1.5rem
Converts 24px to 1.5rem with 16px root font size
64px
4rem
Converts 64px to 4rem
Px is an absolute unit, while rem is relative to the root element's font size.
Enter a pixel value, select the root font size, and get the converted REM value.
No, the PX to REM Converter is specifically designed for converting pixels to REM units.
Yes, the converter provides accurate conversions based on the selected root font size.
Yes, you can copy the converted REM value and use it in your CSS code.
Yes, the PX to REM Converter is free to use and does not require any registration or subscription.
No, the converter requires an internet connection to work.