PX to REM Converter
Convert pixels to rem and rem to pixels instantly against a base font size you control. Includes a reference table for the sizes you reach for most, with one-click copy.
Reference table
| px | rem (base 16) | copy |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 32px | 2rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 64px | 4rem |
Why rem matters for accessibility
A rem is always measured against the root html font size, which browsers default to 16px. When a person with low vision raises that default in their browser settings, every rem-based size on the page scales up with it: body text, headings, padding, and line height stay in proportion. Fixed px values ignore that preference entirely, so a px-only layout can force horizontal scrolling or clipped text at larger settings. The practical rule is to size type and vertical rhythm in rem, keep hairline borders and the odd 1px detail in px, and use a single tool like this to translate a designer's px spec into the rem scale your stylesheet uses. Keep the base at 16 unless you have a strong reason to change it, since third-party widgets and browser UI still assume 16px. Pair this with the Word Counter for content length checks or browse the full tools hub.