PX to REM Converter

Convert between pixels (PX) and rem units with custom base font size

PX → REM

Conversion Formula

PX → REM: rem = px ÷ base

REM → PX: px = rem × base

Current base size: 16px

Common Conversion Table

PXREM (12px)REM (16px)REM (20px)REM (24px)
12px1.0000rem 0.7500rem 0.6000rem 0.5000rem
14px1.1667rem 0.8750rem 0.7000rem 0.5833rem
16px1.3333rem 1.0000rem 0.8000rem 0.6667rem
18px1.5000rem 1.1250rem 0.9000rem 0.7500rem
20px1.6667rem 1.2500rem 1.0000rem 0.8333rem
24px2.0000rem 1.5000rem 1.2000rem 1.0000rem
28px2.3333rem 1.7500rem 1.4000rem 1.1667rem
32px2.6667rem 2.0000rem 1.6000rem 1.3333rem
36px3.0000rem 2.2500rem 1.8000rem 1.5000rem
48px4.0000rem 3.0000rem 2.4000rem 2.0000rem

Tool Overview: PX to REM Converter

The PX to REM Converter helps you switch between pixel and rem units using a configurable base font size. It's useful for responsive typography, consistent spacing, and scalable layouts.

What Is PX to REM Converter?

PX to REM Converter converts PX to REM and produces output ready to use.

How to Use

  1. Paste PX content or enter parameters.
  2. Choose REM output and set options.
  3. Review the result and copy or download.

Common Use Cases

  • PX↔REM format migration
  • Use PX data in REM workflows or code generation
  • Validate conversion results against specs

❓ FAQ

Q1: Conversion failed or empty?
A: Check that the PX input is valid and complete.

Q2: Output looks different?
A: Formatting may change to match REM rules.

Q3: How to batch process?
A: Process in smaller chunks for stability.

Features

  • Bidirectional conversion between PX and REM
  • Custom base font size presets and manual input
  • Common conversion table for quick reference

Formulas

  • PX → REM: rem = px ÷ base
  • REM → PX: px = rem × base

Examples

  • 16px with a 16px base = 1rem
  • 24px with a 16px base = 1.5rem
  • 18px with a 12px base = 1.5rem