🖋️EM to PX Converter

Convert em units to pixels and pixels to em based on base font size.

Base font size (px)

Em (em)

Pixels (px)

At 16px base: 1 em = 16px

About EM to PX Converter

Convert between em units and pixels based on a configurable base font size. The em unit in CSS is relative to the current element's font size — 1em equals the element's font size in pixels. Essential for responsive web design and accessible typography.

How to Use EM to PX Converter

1
Set the base font size
Enter the parent element's font size in pixels (default is 16px).
2
Enter your value
Type a size in either the em or pixels field.
3
See the result
The conversion appears instantly in the other field.

Common Use Cases

Converting design pixel specs to CSS em units
Responsive typography and layout design
Migrating fixed pixel layouts to scalable units
Accessible font sizing for browser zoom support

Frequently Asked Questions

How many pixels is 1 em?

1 em equals the base font size of the element. At the default browser size, 1 em = 16 px, but this changes if the base font size is different.

What is the difference between em and rem?

Em is relative to the parent element's font size, while rem (root em) is relative to the root element's (html) font size. Rem is more predictable for consistent sizing.

How do I convert 24px to em?

Divide 24px by your base font size. At base 16px: 24 ÷ 16 = 1.5em.