PX to EM Converter
Instant, two-way conversion relative to the parent font size.
px · 1em = 16px
CSS output
font-size: 1em; /* 16px */Common px to em conversions
Based on a parent element font size of 16px.
| px | em |
|---|---|
| 4px | 0.25em |
| 8px | 0.5em |
| 10px | 0.625em |
| 12px | 0.75em |
| 14px | 0.875em |
| 16px | 1em |
| 18px | 1.125em |
| 20px | 1.25em |
| 24px | 1.5em |
| 28px | 1.75em |
| 32px | 2em |
| 36px | 2.25em |
| 40px | 2.5em |
| 48px | 3em |
| 56px | 3.5em |
| 64px | 4em |
| 72px | 4.5em |
| 80px | 5em |
| 96px | 6em |
| 120px | 7.5em |
How it works
px → em: em = px / parent font size. em → px: px = em * parent font size. With a parent font size of 16px, 24px = 1.5em and 2em = 32px. Change the parent size above to match your context.
FAQ
Divide the pixel value by the parent element's font size. Inside a 16px parent: em = px / 16, so 24px = 1.5em. Inside a 20px parent, 24px = 1.2em.
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.
- EM to PX ConverterConvert em to px and px to em 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.