How many pixels is 1rem?

It depends on the html element's font-size. Browsers default to 16px, so 1rem is usually 16px — but a project that changes the html font-size, or a reader who changed their browser default, will get a different number.

How is rem different from em?

rem is always relative to the root font size and stays consistent across the document. em is relative to the current element's font size and compounds through nesting, so values drift as structure deepens. Use rem when you need predictable sizing.

CSS / FRONTEND · RUNS IN YOUR BROWSER

REM to PX Converter

Convert rem values to real pixels, with a table of common rem sizes.

Root font size defaults to 16px and accepts 1 to 200px, and both fields stay linked either way. Results are rounded to four decimal places.

Input

Browsers default to 16px. If your project changed the html font-size, enter that value instead.

Root font size

REM

Pixels

Result

Pixels24px

Common size reference

Pixels	REM
`1px`	`0.0625rem`
`2px`	`0.125rem`
`4px`	`0.25rem`
`6px`	`0.375rem`
`8px`	`0.5rem`
`10px`	`0.625rem`
`12px`	`0.75rem`
`14px`	`0.875rem`
`16px`	`1rem`
`18px`	`1.125rem`
`20px`	`1.25rem`
`24px`	`1.5rem`
`28px`	`1.75rem`
`32px`	`2rem`
`36px`	`2.25rem`
`40px`	`2.5rem`
`48px`	`3rem`
`56px`	`3.5rem`
`64px`	`4rem`
`72px`	`4.5rem`
`80px`	`5rem`
`96px`	`6rem`
`128px`	`8rem`

About this tool

Reading a design file or someone else's stylesheet usually means running into values like `1.375rem`. Enter the rem value here and you get the pixel size straight away, with both fields linked so you can check the reverse too. If your project uses a root size like 10px to make the arithmetic easier, change the field and the whole table recalculates.

How it works

Set the root font size your project actually uses.
Enter a rem value to get the pixel result.
Use the table to scan common rem sizes at a glance.

Privacy

Every calculation and preview runs inside this browser. Your input is never uploaded, stored, or written to the URL or any log.

Frequently asked questions

How many pixels is 1rem?: It depends on the html element's font-size. Browsers default to 16px, so 1rem is usually 16px — but a project that changes the html font-size, or a reader who changed their browser default, will get a different number.
How is rem different from em?: rem is always relative to the root font size and stays consistent across the document. em is relative to the current element's font size and compounds through nesting, so values drift as structure deepens. Use rem when you need predictable sizing.

← All CSS / Frontend tools