EM to PX Converter
Free online EM to PX converter. Convert EM units back to pixels using a customizable parent font size. Enter a value in either field to convert both ways.
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
Multiply the EM value by the parent element's font size. For example, 2em with a 16px parent = 32px.
1em equals the font size of the parent element. If the parent has font-size: 16px, then 1em = 16px.
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.