Home / Converters / PX to REM Converter
PX to REM Converter
Sizing in rem lets a layout scale with the reader's own font settings, which matters for accessibility. This converter works in both directions for any root size and prints a quick reference table of the common values.
How to use it
- Set the root font size — 16px unless your CSS changes it.
- Type a pixel value, or a rem value in the other box.
- Use the table for the sizes you reach for most often.
Examples
- 24px at a 16px root → 1.5rem.
- 0.875rem → 14px, the usual size for small print.
- With a 10px root, every value divides by ten: 18px is exactly 1.8rem.
Questions people ask
What is the difference between rem and em?
A rem is always relative to the root element, so it stays predictable anywhere in the page. An em is relative to the font size of its own parent, which compounds when elements are nested and can produce surprising sizes deep in a tree.
Should I use rem for spacing as well as text?
Often yes. Padding and margins in rem grow with the reader's font size, so a layout with larger text keeps its breathing room. Borders and hairlines usually stay in pixels because they should not scale.
Related tools
Updated: 2026-08-07