Rem to Px Converter

Your data never leaves your browser

Convert CSS rem values back to pixel units for debugging or legacy support.

Brie — Bug Reporting Tool

Chasing a CSS bug across browsers?

Brie captures screenshots with device info and browser version automatically — no more "works on my machine."

Install Brie — It's FreeLearn more →

About Rem to Px Converter

Paste your CSS containing rem values and instantly convert them back to pixel equivalents. Useful for debugging layouts, working with design tools that use pixels, or migrating to a new base font size. Configure the base font size to match your root element.

How to use

  1. Paste your CSS containing rem values into the input panel.
  2. Choose the base font size that matches your root element (default: 16px).
  3. The converted CSS with px values appears instantly in the output panel.

More CSS Tools

CSS Units Converter (px to rem)

Convert CSS pixel values to rem units for scalable, accessible designs.

CSS Prettify

Format and beautify CSS code with consistent indentation and line breaks.

CSS Minify

Minify and compress CSS by removing comments, whitespace, and line breaks.

Frequently Asked Questions

FAQs about Rem to Px Converter

When would I convert rem back to px?

Common reasons include working with design handoff tools that use pixels, debugging exact pixel measurements, or integrating with third-party components that expect px values.

Will this affect em values?

No. Only rem values (e.g. 1.5rem) are converted. Em values, which are relative to the parent element, are left unchanged.

What base font size should I use?

Use the font size defined on your root html element. The default is 16px in most browsers.

Are decimal px values rounded?

No. The converter produces precise decimal px values (e.g. 1.5rem at 16px base = 24px). You may want to round manually if needed.

Is my data safe?

All conversion runs client-side in your browser. No data is sent to any server.