Rem To Px Converter

Convert CSS rem values to pixels (and px to rem) instantly with a configurable root font size.

Set to match your CSS html { font-size: ... } value.

px

rem → px

rem
px

px → rem

px
rem

Reference Table

Root: 16px
rem px Common use
Copied!

Summary

Convert CSS rem values to pixels (and px to rem) instantly with a configurable root font size.

How it works

  1. Set the root font size (default 16px, matching browser defaults).
  2. Enter a rem value to convert it to pixels, or enter a px value to get rem.
  3. The result updates instantly as you type.
  4. Use the bulk table to see common rem values and their pixel equivalents at a glance.
  5. Copy any result to the clipboard with one click.

Use cases

  • Convert design mockup pixel sizes to rem for scalable CSS layouts.
  • Check what a rem value renders to in pixels at a given root font size.
  • Verify that spacing and typography values are consistent across breakpoints.
  • Quickly generate a reference table for a design system.
  • Translate px values from a design file into responsive rem units.

Frequently Asked Questions

Last updated: 2026-06-09 · Reviewed by Nham Vu