PX to REM Converter

Convert PX values to REM/EM units based on configurable root font size for responsive design.

PX to REM / EM Converter

px
PX REM Preview

How to Use

  1. Set root font size — Enter your base font size (default 16px).
  2. Enter PX values — Type or paste PX values, one per line or comma-separated.
  3. Toggle units — Check "Convert to EM" to output EM instead of REM.
  4. Copy result — Click the Copy button or use the table preview to see all values.

Frequently Asked Questions

Why use REM instead of PX?

REM units are relative to the root font size, making them ideal for responsive design. When users change their browser's default font size, REM-based designs scale proportionally.

What is the difference between REM and EM?

REM is always relative to the root element's font size. EM is relative to the parent element's font size. This tool uses the root font size for EM conversion as well.

What is the formula for PX to REM?

REM = PX ÷ Root Font Size. For example, 32px with a 16px base = 2rem.

Related Tools

Last updated: 1 Jul 2026