Frontend / CSS Tools

REM to PX Converter

Convert rem values to pixels, with a configurable root font size shown clearly in the formula.

Enter a rem value and your root font size - this tool multiplies correctly and shows the exact formula used.

REM Value

Root Font Size (px)

More Frontend / CSS Tools

View all 20

PX to REM Converter PX to EM Converter CSS Unit Converter CSS Specificity Calculator CSS Color Palette Generator CSS Gradient Generator CSS Neumorphism Generator CSS Box Shadow Generator

For the reverse conversion, see the PX to REM Converter - or use the full CSS Unit Converter for more unit types at once.

The rem to px Formula

pixels = rem value × root font size. With the standard 16px root, 1.5rem becomes 24px - but this changes if your project's root font size differs from 16px.

Why Use This Tool?

Useful when reviewing a design spec given in rem and you need the equivalent pixel value to communicate with a design tool or stakeholder that thinks in pixels.

How to Use It

Enter your rem value.
Set your root font size (16px by default - adjust if your project uses a different base).
Read the resulting pixel value.

Limitations

This assumes a fixed root font size you specify - it does not account for user browser zoom or accessibility text-size overrides, which change the effective rendered size dynamically.