REM to PX Converter
Runs in your browser — your data is never uploaded.
Work out what a rem value actually resolves to in pixels. Useful when you are matching a design handed over in pixels, debugging why an element is a different size than expected, or checking a breakpoint. Multiply by the root font size — 16px unless your stylesheet says otherwise.
How to use REM to PX
- 1
Enter the rem value.
- 2
Set the root font size — 16px is the browser default.
- 3
Read the pixel equivalent.
Share
Embed this tool on your site
Paste this where you want the tool to appear. It runs entirely in your visitor's browser — no uploads, no account, no tracking.
Please keep the attribution line — it's what keeps these tools free.
Need a different size, a dark theme, or a different tool? Build an embed lets you preview it first.
Frequently asked questions
Why is my rem value not the pixel size I expected?+
Almost always because the root font size is not 16px. A reset using 62.5%, a user who has increased their browser text size, or a framework that sets its own :root size will all shift every rem on the page at once.
Should media query breakpoints use rem or px?+
rem breakpoints scale with the reader’s font size, which usually produces a better result for someone using large text. Be aware that browsers evaluate media query rem against the *initial* font size, not your :root override.
Do I need to round the result?+
No. Browsers handle fractional pixels fine and will render subpixel values on high-density screens. Rounding is only worth it when you are writing a value into a design tool that insists on integers.