EM to PX Converter
What is EM?
EM is a CSS unit relative to the font size of the parent element. When you need to find the exact pixel value of an EM-based size — for layout debugging, JavaScript measurements, or design reviews — this converter gives you the answer instantly. Just enter the EM value and your element's parent font size.
Formula
PX = EM × parent font sizeWith a 16px parent: 2em × 16 = 32px. Make sure to use the actual computed parent font size for accurate pixel values.
Calculator
1em = 16px at parent font size 16
Common Conversions (parent 16px)
| EM | PX |
|---|---|
| 0.5em | 8px |
| 0.75em | 12px |
| 0.875em | 14px |
| 1em | 16px |
| 1.5em | 24px |
| 2em | 32px |
Frequently Asked Questions
How do I convert em to px?
Multiply the EM value by the parent element's font size. For example, 2em with a 16px parent = 32px.
What is 1em in pixels?
1em equals the font size of the parent element. If the parent has font-size: 16px, then 1em = 16px.
Why is em-to-px conversion complex?
EM units cascade — nested elements compound the parent's font size. This means the pixel equivalent depends entirely on the context in your DOM tree.