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

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

PX to EM Converter
Convert pixel values to EM units instantly. Set the parent element font size, enter one or multiple px values, and get the EM equivalent with a full reference table.
PX to REM Converter
Convert pixel values to REM units instantly. Set your base font size, enter one or multiple px values, and get the REM equivalent with a full reference table.
REM to PX Converter
Convert REM values to pixels instantly. Set your base font size, enter one or multiple REM values, and get the pixel equivalent with a full reference table.
PX to Percent Converter
Convert pixel values to CSS percentage units. Set the parent element size, enter one or multiple px values, and get the percentage equivalent with a full reference table.
Percent to PX Converter
Convert CSS percentage values to pixels. Set the parent element size, enter one or multiple percent values, and get the pixel equivalent with a full reference table.
CSS Validator
Validate CSS syntax online. Checks for unclosed braces, missing colons, empty rules, and invalid property/value pairs using CSS.supports().