REM to PX Converter — Convert Rem to Pixels

Convert rem to px instantly. 1rem = 16px at the default base, plus any custom root font-size. Free, live two-way conversion that runs 100% in your browser.

No Tracking Runs in Browser Free

Root font-size

Pixels (px)

Rem (rem)

Preview

The quick brown fox

Reviewed for CSS rem-unit accuracy and accessibility guidance — Go Tools Engineering Team · Jun 11, 2026

Quick Reference

What Is 1rem in px?

1rem = 16px (at 16px base) At the browser-default 16px root font-size, 1rem equals exactly 16px. This is the anchor for every conversion: px = rem × 16.

What Is the rem to px Formula?

px = rem × root-font-size Multiply the rem value by the root font-size. For example, 1.5rem × 16 = 24px. Change the base in the tool if your project does not use 16px.

What Is the 62.5% Trick?

62.5% → 1rem = 10px Setting html { font-size: 62.5% } makes the root 10px, so 1rem = 10px and rem-to-px is just "multiply by 10". Set this tool's base to 10 to use it.

What Is a REM to PX Converter?

A rem to px converter translates rem units into pixel measurements. The rem ("root em") unit is relative to the font-size of the root element: 1rem always equals the root font-size, which browsers set to 16px by default. The conversion is a simple multiplication — px = rem × root-font-size — but checking it for every value while reading or debugging a stylesheet is repetitive, which is what this tool removes.

Developers usually author CSS in rem for accessibility and scalability: values written in rem scale with the user's browser font-size preference, while px values stay fixed. But there are many moments when you need the pixel figure — matching a design mockup, handing off sizes to a designer who works in pixels, setting a px-only property, or debugging why an element renders at a particular size. That is when converting rem back to px is exactly what you want.

This converter keeps the rem and pixel fields linked in real time, so you can move in either direction, and — unlike tools that hard-code a 16px base — it lets you set any root font-size. That matters because a stylesheet using the 62.5% technique (a 10px root) resolves rem to different pixel values than a default 16px setup. A live preview shows the resulting text size, and a reference table lists common rem values at a 16px base for quick lookups.

Need the other direction? Use the px to rem converter. For cleaning up the stylesheet itself, try the CSS formatter, and for color work see the color converter. Everything runs in your browser — your values never leave your device.

/* The core formula */
/* px = rem × root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12

Key Features of This REM to PX Converter

Custom Root Font-Size

Convert against any base, not just 16px. Match the 62.5% (10px) technique or your project's actual root font-size — most tools hard-code 16.

Live Two-Way Conversion

Rem and pixels fields stay linked in real time. Edit either side and the other updates instantly against your chosen base.

Built-In Size Preview

A preview line renders text at the entered rem size so you can see the scale, not just the number.

One-Click Copy

Copy the rem or px value to your clipboard with a single click, ready to paste into CSS or a design tool.

Reference Conversion Table

A chart of common rem values and their pixel equivalents at a 16px base for quick, no-typing lookups.

100% Browser-Based & Private

All math happens locally in your browser. No server requests, no tracking, no data storage — your values never leave your device.

REM to PX Conversion Examples

Body Text — 1rem to px

16px

At the default 16px root font-size, 1rem equals exactly 16px. This is the baseline for every other conversion: px = rem × 16.

Heading — 1.5rem to px

1.5

24px

1.5rem resolves to 24px (1.5 × 16). Headings are often authored in rem so they scale with the user's font-size preference but still map to familiar pixel sizes.

Small Label — 0.75rem to px

0.75

12px

0.75rem is 12px at a 16px base. Checking the pixel value helps confirm fine print stays legible.

Spacing — 0.5rem to px

0.5

8px

0.5rem equals 8px. Design systems often express padding and margins in rem; converting back to px is handy for pixel-precise review.

Large Heading — 2rem to px

32px

2rem is exactly double the base, 32px. Clean multiples like this are common for prominent headings.

Breakpoint — 48rem to px

768px

A 48rem media-query breakpoint resolves to 768px at a 16px base — a familiar tablet-width threshold expressed in scalable units.

How to Convert Common rem Values to px

Quick reference for the rem values developers convert to px most often, at the default 16px root font-size.

How to Convert 1rem to px

1 rem → 16 px

Multiply 1 by the 16px root font-size to get 16px. 1rem is the anchor value — it equals exactly 16px on a default setup, the reference point for all other conversions.

1 rem → 16 px

Memorize 1rem = 16px. From there, halve for 0.5rem (8px) and double for 2rem (32px).