PX to REM Converter
Convert between px and rem CSS units
Share:
Formula
rem = px / 16
px = rem × 16
Quick Reference (base: 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 | |
| 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 | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 96px | 6rem |
How to Use PX to REM Converter
- 1Enter a pixel or rem value.
- 2Optionally adjust the base font size (default 16px).
- 3See the converted value instantly.
- 4Use the reference table for quick lookups.
About PX to REM Converter
Convert between pixels (px) and root em (rem) units for responsive web design. Configurable base font size. Includes a quick reference conversion table for common values.
Frequently Asked Questions
What is rem in CSS?
Rem (root em) is a CSS unit relative to the root element's font size. If the root font size is 16px, then 1rem = 16px, 2rem = 32px, etc.
Why use rem instead of px?
Rem units scale with user font size preferences, making your design more accessible. Users who increase their browser's default font size will see proportionally larger elements.