REM to PX Converter

Convert rem values back to pixels to check exact sizes in designs and browsers.

FreeNo sign-upRuns in your browserMobile-friendly

Loading tool…

Need help with this tool or found a problem? WhatsApp support Email

What does the REM to PX Converter do?

Design tools usually show pixels, while modern CSS often uses rem. Multiply rem by the root font size (16px by default) to get pixels: 1.125rem × 16 = 18px. Paste CSS into the bulk box to convert every rem value at once.

How to use the REM to PX Converter

  1. Set the root font size.
  2. Enter a rem value or paste CSS.
  3. Copy the pixel result.

Examples

Heading

2.25rem × 16 = 36px.

Common use cases

  • Matching CSS to design mockups
  • Debugging layout sizes
  • Documenting design tokens

Features and benefits

  • Private by design — your data is processed on your device and never uploaded.
  • Free with no account, no watermark and no usage limits.
  • Works on phones, tablets and desktops in any modern browser.

Limitations to know

  • Browser zoom and user font-size settings change the actual rendered pixels.

Frequently asked questions

How do I convert rem to px?

Multiply by the root font size.

What is the default root font size?

16px in all major browsers, unless the user or site changes it.

Does rem depend on the parent?

No — that is em. rem always uses the root.

Embed this tool on your website

Add the free REM to PX Converter to your blog or website. Paste the code into your page’s HTML; the tool runs in your visitors’ browsers and stays up to date automatically. Please keep the credit line below the tool.

Free to use on any website. The tool runs inside an iframe served from viptools.pk; nothing your visitors type is sent to your site or ours. Preview the embedded version.