How do I convert rem to px?

Multiply the rem value by the root font size. With the default 16px root, 1.5rem × 16 = 24px. The converter does this for you.

Why does my rem value not equal the px I expect?

If the root (html) font size is not 16px — for example set to 62.5% to make 1rem equal 10px — the multiplier changes. Set the correct root font size above.

What is the difference between rem and em?

A rem is always relative to the root (html) font size, so it is predictable across the whole page. An em is relative to the font size of the current element, which can compound when elements are nested. This tool converts rem, which uses the single root value.

What is the 62.5% trick?

Setting html { font-size: 62.5% } makes 1rem equal 10px (62.5% of 16), so rem values map cleanly to pixels — 1.6rem = 16px, 2.4rem = 24px. Set the root font size to 10 here to match that setup.

Why use rem instead of px in CSS?

Rem units scale with the user's root font-size preference, improving accessibility — when someone increases their default text size, rem-based layouts grow with it, whereas fixed px values do not.

REM to PX Converter — Gera Tools

Q: Is anything uploaded?

No — the conversion runs entirely in your browser and nothing is sent anywhere.

A rem (root em) is a CSS length relative to the root (html) font size. To see what a rem value resolves to in pixels, this converter multiplies it by that root size — useful for debugging layouts, matching design specs, and sanity-checking a spacing scale.

How it works

The formula is simply:

px = rem × root font size

The root font size is the font-size set on the html element. Browsers default it to 16px, so 1rem = 16px unless a stylesheet changes it. You enter the rem value and the root size; the tool multiplies them and shows the pixel result along with the multiplication so you can see exactly how it was derived.

Example

With the default 16px root:

1.5rem × 16 = 24px
0.875rem × 16 = 14px
2rem × 16 = 32px

If your stylesheet sets the root to 10px (the 62.5% trick), then 1.5rem × 10 = 15px instead.

rem	Root 16px	Root 10px
0.5	8px	5px
1	16px	10px
1.5	24px	15px
2	32px	20px

The conversion runs entirely in your browser and nothing is sent anywhere.