PX to REM Converter
NEWConvert between px, rem, and em units for CSS.
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.
Related tools
CSS Gradient Generator
Create beautiful CSS linear and radial gradients visually.
Box Shadow Generator
Generate CSS box-shadow values with live preview.
Border Radius Generator
Generate CSS border-radius values for any shape.
CSS Button Generator
Design and generate CSS buttons visually with live preview.