Color & Design ToolsClient-Side Calculation Engine

REM to PX Converter

Convert REM units to pixel measurements.

Color & Design Tools

REM to PX Converter

Convert CSS REM units back to exact pixel values.

CSS Unit Converter

Default browser root size is usually 16px.

Converted Output

16 PX EQUALS

1 rem

1 REM EQUALS

16 px

What is the REM to PX Converter and How Does It Work?

The REM to PX Converter translates CSS REM units back into fixed pixel values, useful when you need to know the exact rendered pixel size of a REM-based measurement, such as for design specs or pixel-precise layout checks.

Calculation Formula
Pixels = REM × Base Font Size

Since REM units are relative to the root element's font size, multiplying a REM value by the base font size (typically 16px) converts it back to an exact pixel value.

Where:
REM= The REM value to convert
Base Font Size= The root element's font size, typically 16px by default
Worked Calculation Examples
Standard Body Text
Input:1rem, base 16px
Output:16px

1 × 16 = 16 - at the default base size, 1rem always equals exactly 16px.

A Spacing Value
Input:2.5rem, base 16px
Output:40px

2.5 × 16 = 40.

Common Real-World Use Cases

Design Spec Verification

Confirm the exact pixel size a REM-based CSS value renders as, for pixel-precise design review.

Cross-Team Communication

Translate REM-based developer specs into pixel values that designers or stakeholders can more easily visualize.

Debugging Layout Issues

Check the actual rendered pixel size of an element when the root font size has been customized away from the 16px default.

How This Compares

REM to PX vs. PX to REM Converter

This tool multiplies a REM value by the base font size to get pixels. If you already have a pixel value and need its REM equivalent instead, use the PX to REM Converter, which performs the reverse (division) operation.

How to Use the REM to PX Converter
  1. 1Enter the REM value you want to convert.
  2. 2Set your base font size (default is 16px, the browser standard).
  3. 3View the equivalent pixel value.
Pro Tips & Suggestions
  • •If a project sets a custom root font size (e.g. 62.5% to make 1rem = 10px), enter that value as the base for an accurate conversion.
  • •REM-to-PX conversion is especially useful for verifying design specs when the root font size differs from the 16px default.

Frequently Asked Questions

Explore Category

Color & Design Tools

Design utilities for HEX to RGB/HSL conversions, color palette contrast, and color matching.

View All Category Tools

Related Calculators & Tools