Pixel to REM Converter
Convert pixel values to REM and EM units based on a custom base font size, and convert back. Free, instant, runs entirely in your browser.
| PX | REM | EM |
|---|
PX vs REM vs EM
px (pixels) are absolute units — they always render at the same physical size regardless of the user's font preferences. rem (root em) is relative to the root element's font size (typically the <html> element), defaulting to 16px in most browsers. em is relative to the parent element's font size, which can compound in nested elements. For most responsive designs, rem is preferred over em because it always stays relative to a single predictable base.
Common Conversions at Base 16px
| PX | REM | EM |
|---|---|---|
| 12px | 0.75rem | 0.75em |
| 14px | 0.875rem | 0.875em |
| 16px | 1rem | 1em |
| 18px | 1.125rem | 1.125em |
| 24px | 1.5rem | 1.5em |
| 32px | 2rem | 2em |
| 48px | 3rem | 3em |
Tips
If your project uses a non-standard base font size (e.g. 62.5% trick sets it to 10px), change the base field to match. All conversions update instantly. Using rem for font sizes and spacing makes your layout scale correctly when users change their browser's default font size in accessibility settings.