Turn pixel sizes from a design into rem for accessible, scalable CSS, or the other way round. Set your root font size, parent size and screen size, and every unit updates together, with a ready px → rem table.
loading toolHow to convert px to rem
- Type a value and choose its unit.
- Check the root font size (16 px unless your CSS changes it).
- Copy any converted value or use the quick table.
Good to know
- 1rem = 16px by default, so 24px = 1.5rem and 14px = 0.875rem.
- pt is for print: 12pt = 16px on screen.
Questions
Why use rem instead of px?
rem follows the reader’s browser font-size setting, so people who need bigger text get it. Layouts stay in proportion too.
What is the difference between rem and em?
rem is measured from the root (html) font size, the same everywhere. em is measured from the parent element, so it compounds when elements are nested.
Is my data private?
Yes. Everything happens inside your own browser: nothing you type or choose is uploaded to us or anyone else.
Is it free?
Completely free, with no sign-up, no watermark and no limit on how many times you use it. Light ads keep the site running.
