WebToolsPlanet
Converter Tools

EM to PX Converter

Enter EM values and get the equivalent pixel values instantly. Set the parent element font size — default is 16px — and convert single values or a bulk list at once.

Last updated: May 21, 2026

Client-Side Processing
Input Data Stays on Device
Instant Local Execution
Something wrong with this tool? Report it

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is EM to PX Converter?

EM is a CSS unit relative to the current element's parent font size. Converting EM to px helps you understand the actual rendered size of an element, which is especially useful when debugging cascaded font sizes or reviewing DevTools computed values.

The formula is: **px = em × parent font size**. So 1.5em at a 16px parent = 24px. When EM units are nested, multiply by each parent's font size in the chain.

How to Use EM to PX Converter

1

Enter one or more EM values in the input box (comma or newline separated)

2

Set the parent element's font size if different from 16px

3

Copy individual results or the full output

4

Use the reference table for common EM to px lookups

Common Use Cases

  • Developers debugging browser DevTools to understand what pixel size an EM value computes to.
  • Front-end engineers converting EM design tokens to px for design documentation.
  • Teams auditing legacy stylesheets with nested EM values for inconsistencies.
  • Students learning how EM values cascade and multiply across nested elements.
  • Designers receiving EM values from developers and converting to px for visual review.
  • Developers migrating EM-based stylesheets to REM for predictable sizing.

Example Input and Output

Convert common EM values to pixels at the default 16px parent size.

EM values
0.75
1
1.5
2
PX output
0.75em → 12px
1em → 16px
1.5em → 24px
2em → 32px

Privacy

All conversions run in your browser. No data is sent to any server.

Frequently Asked Questions

What base should I enter for nested EM values?

For the immediate parent's font size. If a parent element has font-size: 1.2em on a 16px body, the parent computes to 19.2px — enter 19.2 as the base to convert the child's EM values correctly.

Why is EM considered complex?

Because EM compounds: a child with 1.2em inside a parent with 1.2em = 1.44× the root size. REM avoids this by always being relative to the root. Use this tool to sanity-check EM calculations in deep nesting.

Is this the same calculation as REM to PX?

The formula is the same, but the base is different. For REM, the base is always the root (html) font size. For EM, the base is the immediate parent element's font size.

Related Tools

Part of a Collection