Skip to content
QuicklyTools

PX to REM Converter

Convert pixels to rem for accessible, scalable CSS. Custom root font size and a handy reference table.

Runs in your browser
Loading tool…

About the PX to REM Converter

Using rem units lets text and spacing scale with the user's browser font settings, an important accessibility practice. Divide pixels by the root font size — 16px by default — or let this converter do it, with a quick reference table for common values.

How to use it

  1. Enter the pixel value.
  2. Adjust the root font size if your site changes it.
  3. Copy the rem value.

Good to know

  • Avoid setting html { font-size: 62.5% } just for easy math; it can surprise third-party components.

Frequently asked questions

What is 24px in rem?

1.5rem at the default 16px root size.

Should media queries use rem?

em or rem in media queries respond to user font-size preferences, which many teams prefer.

Related tools

REM to PX ConverterCSS Unit ConverterViewport Size CheckerCSS Box Shadow Generator

More utilities & converters →