REM to PX Converter

Convert REM units to pixels for CSS development. Set your root font size and instantly convert between rem and px. Free browser tool.

px

Common Sizes (base 16px)

REM PX Typical Use
0.625rem10pxExtra small text
0.75rem12pxCaption / label
0.875rem14pxSmall body text
1rem16pxBase / body text
1.125rem18pxLarge body text
1.5rem24pxHeading h3
2rem32pxHeading h2
3rem48pxHeading h1

How to Use

  1. 1 Set the base font size (default 16px, which is the browser default)
  2. 2 Select REM → PX to convert rem to pixels, or PX → REM for the reverse
  3. 3 Enter your rem or pixel value
  4. 4 Click Convert to see the result

Use Cases

Design Handoff

Convert REM values from CSS to pixel dimensions when communicating measurements with designers using pixel-based tools.

Debugging

Quickly calculate the computed pixel size of a REM-based CSS value during browser debugging sessions.

Cross-Unit Comparison

Verify that REM-based styles produce the expected pixel dimensions at a given base font size.

FAQ

Multiply the REM value by the root font size (usually 16px). For example, 1.5rem × 16 = 24px.

Use the font-size value set on your html element. If you haven't set one, browsers default to 16px.

Yes. Enter your project's root font-size in the Base Font Size field before converting.

Related Tools