PX to REM Converter

Convert between pixels and rems bidirectionally. Perfect for responsive web design and modern CSS typography.

Convert Values

When to use REM: Best for root-level typography and global spacing that should scale with browser font size.

Accessibility: REM units respect user's browser font size preferences for better accessibility.

Tip: 1rem equals the font-size of the root element (html). Unlike EM, REM is not affected by parent elements.

Keyboard Shortcuts
  • Enter - Copy focused field value
  • Ctrl/Cmd + C - Copy both values
  • Alt + B - Toggle batch mode
  • Alt + C - Toggle CSS output
  • Tab - Navigate between fields
px

Visual Preview:

Sample text at 16px (1rem)

The quick brown fox jumps over the lazy dog

Common Conversion Table

Quick reference for common pixel to rem conversions (based on 16px base font size)

8px = 0.5rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
28px = 1.75rem
32px = 2rem
36px = 2.25rem
40px = 2.5rem
48px = 3rem
56px = 3.5rem
64px = 4rem
72px = 4.5rem
80px = 5rem
96px = 6rem
120px = 7.5rem
144px = 9rem
160px = 10rem