ToolBark
Converters

PX to REM Converter

Convert px to rem (and back) instantly — with bulk convert and a reference table.

1rem = 16px1px = 0.0625rem

Convert a single value

px
Result (rem)
1rem

CSS snippet

font-size: 1rem;

16px ÷ 16px = 1rem

About

The PX to REM Converter makes CSS unit conversion effortless. Enter any pixel value and get the exact REM equivalent based on your root font size — default 16px. Whether you are converting a single value, pasting a bulk list, or scanning a quick-reference table for common sizes, this free tool handles it instantly with copy-ready CSS output.

FAQ
What is the formula for converting px to rem?+

Divide the pixel value by the base (root) font size: rem = px ÷ base. With the default base of 16px, 24px becomes 24 ÷ 16 = 1.5rem.

What base font size should I use?+

Most browsers default to 16px, so 16 is the standard starting point. If your project sets a different root font size via html { font-size: ... } in CSS, enter that value instead for accurate results.

Why use rem instead of px in CSS?+

REM units scale relative to the user's browser root font size, making layouts more accessible. Users who increase their browser's default font size will see REM-based text scale proportionally, while fixed px values stay the same.

Can I convert multiple values at once?+

Yes — switch to the Bulk tab and paste one value per line. The tool converts the entire list instantly and lets you copy all results with a single click.

Related tools