PX to REM Converter
NEWConvert between px, rem and em units for your CSS.
How to use PX to REM Converter
- Set your root font size (the base, usually 16px).
- Enter a value and choose which unit it's currently in — px, rem or em.
- The equivalent value in the other units is calculated automatically.
Frequently asked questions
What base font size should I use?
Use your page's root font-size (the `html` element's font-size), which browsers default to 16px unless your CSS overrides it. The tool uses this base to convert between px and rem/em.
Is EM the same as REM here?
Not technically — em is relative to the parent element's font size, which can vary, while rem is always relative to the root. This tool treats em as equal to rem for simplicity, so use rem if you need consistent sizing across the page.
What's in the quick reference table?
It lists common pixel values (8, 12, 14, 16... up to 48px) already converted to rem at your chosen base size, so you don't need to convert everyday values one at a time.
Community
Loading...