A LITTLE HELP FOR YOUR NEXT DESIGN
REM to PX converter
Convert rem values to pixels with your own root font size, with a reference table of common values.
1.5 rem→24 px
MAKE IT YOURS
font-size: 24px; /* 1.5rem at 16px */
0.25 rem4 px
0.5 rem8 px
0.75 rem12 px
0.875 rem14 px
1 rem16 px
1.125 rem18 px
1.25 rem20 px
1.5 rem24 px
1.75 rem28 px
2 rem32 px
2.5 rem40 px
3 rem48 px
4 rem64 px
5 rem80 px
How do you convert REM to PX?
Multiply the rem value by the root font size. Browsers default to a 16px root, so 1.5rem is 24px. If the site sets a different size on the html element, or the reader has changed their browser’s default, the result changes with it. That is the point of rem: text scales with the reader’s preference.
Going the other way? Use the PX to REM converter. For when to use each unit, see rem vs em vs px.
Read the guide: rem vs em vs px: which unit for font sizes? →See how real sites set their type.
Font Inspector shows the font, size, line height and spacing of any text on any website, then copies it as CSS. Free, no account.