Em to Pixel Converter
Convert em units to pixels (and back) using a configurable base font size. Default base is 16px.
Use the Em to Pixel Converter
px — browser default is 16
Em to Pixels
em
16
px
Pixels to Em
px
1
em
Common Em Values Reference
| Em | Pixels (base 16px) | Common use |
|---|
Copied!
Summary
A browser-based converter for CSS em units and pixels. Set any base font size, enter an em or px value, and get the exact converted result. Useful for frontend development and responsive design.
How it works
- Enter an em value in the Em to Px panel.
- Set the base font size (default 16px — the browser default).
- The pixel result is calculated as: px = em × base font size.
- Use the Px to Em panel for the reverse: em = px / base font size.
- The reference table shows common em values at the current base font size.
Use cases
- Convert a design spec given in em to pixels for QA comparison.
- Check what pixel size a CSS em value renders at a custom base font.
- Quickly look up common em values (0.5em, 1em, 1.5em, 2em) in pixels.
- Verify responsive typography scales across different base font sizes.
Frequently Asked Questions
Last updated: 2026-07-14 · Reviewed by Nham Vu