PX to REM Converter

Convert any pixel value to rem (or rem to px) instantly, with a configurable root font size and a bulk reference table.

px
rem

Bulk Reference Table

px rem em (same root)
Formula: rem = px ÷ root  ·  px = rem × root  ·  Default root = 16px
Copied!

Summary

Convert any pixel value to rem (or rem to px) instantly, with a configurable root font size and a bulk reference table.

How it works

  1. Set the root font size (default 16px) to match your project.
  2. Enter a pixel value in the PX field — the REM equivalent appears instantly.
  3. Or enter a REM value in the REM field to convert back to pixels.
  4. Use the bulk table to see common pixel sizes and their rem equivalents at a glance.
  5. Copy any result with one click.

Use cases

  • Convert design specs (px) to rem for scalable, accessible CSS.
  • Check what px value a rem unit maps to when debugging layouts.
  • Generate a rem reference table to paste into a project style guide.
  • Verify font-size, padding, and margin values match your design tokens.
  • Quickly test how a custom root size affects every spacing value.

Frequently Asked Questions

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