Rem to Px Converter
Convert between rem and px at any base font size, with a live reference chart.
| rem | px |
|---|
rem and px, both directions
The rem unit is relative to the root font size, so it scales with the user's settings and keeps layouts accessible — but design tools, screenshots, and legacy stylesheets still speak in pixels. This converter goes both ways at whatever base you set, and the chart below shows the common values at a glance so you rarely have to type at all.
At the browser default of 16px, 1rem is 16px and 0.5rem is 8px. If you use the popular font-size: 62.5% trick, set the base to 10 and 1rem becomes a clean 10px. Change the base and both the result and the chart update instantly.
Private and instant
Conversions happen locally in your browser. Nothing is uploaded.
Frequently Asked Questions
How do rem and px relate?
1rem equals the root font size, which defaults to 16px in browsers. So by default 1rem = 16px, 1.5rem = 24px, and 0.5rem = 8px. Change the root size and every rem value scales with it.
Which base font size should I use?
Use 16 unless you changed the font-size on the html or :root element. If your CSS sets html { font-size: 62.5% } then 1rem = 10px, so set the base here to 10.
Why convert rem to px at all?
rem keeps layouts scalable and accessible, but design specs, images, and older CSS are often in px. Converting lets you move between a px mockup and rem-based CSS without guessing.
Is this private?
Yes. The conversion and the chart run entirely in your browser with nothing uploaded.
Browse the full set of free, private, in-browser tools.