PX to EM Converter

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

Base font size: 16px (customizable below)

Convert Values

When to use EM: Best for typography and component-level spacing that should scale with font size.

Accessibility: Using relative units (em/rem) allows users to adjust text size in their browser settings.

Tip: 1em equals the font-size of the parent element. For root-level sizing, consider using REM instead.

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 (1em)

The quick brown fox jumps over the lazy dog

Common Conversion Table

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

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