EM to PX Converter
Instant, two-way conversion relative to the parent font size.
px · 1em = 16px
CSS output
font-size: 16px; /* 1em */Common em to px conversions
Based on a parent element font size of 16px.
| em | px |
|---|---|
| 0.25em | 4px |
| 0.5em | 8px |
| 0.75em | 12px |
| 1em | 16px |
| 1.25em | 20px |
| 1.5em | 24px |
| 1.75em | 28px |
| 2em | 32px |
| 2.5em | 40px |
| 3em | 48px |
| 3.5em | 56px |
| 4em | 64px |
| 5em | 80px |
| 6em | 96px |
| 8em | 128px |
| 10em | 160px |
How it works
em → px: px = em * parent font size. px → em: em = px / parent font size. With a parent font size of 16px, 1.5em = 24px and 32px = 2em. Change the parent size above to match your context.
FAQ
Multiply the em value by the parent element's font size. Inside a 16px parent: px = em * 16, so 1.5em = 24px.
More converters
- PX to REM ConverterConvert px to rem and rem to px instantly. Zero lag, one-click CSS copy, custom base size.
- REM to PX ConverterConvert rem to px and px to rem instantly. Zero lag, one-click CSS copy, custom base size.
- PX to EM ConverterConvert px to em and em to px instantly. Custom parent font size, zero lag, one-click CSS copy.
- PX to PT ConverterConvert px to pt and pt to px instantly. Zero lag, one-click CSS copy, print-friendly reference table.
- PX to VW ConverterConvert px to vw and vw to px instantly at any viewport width. Zero lag, one-click CSS copy.