Language
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
PX to EM Converter

PX to EM Converter

Convert pixel values to em units based on the parent element's font size.

Convert pixel (px) values to em units. Set the parent element's font size for accurate em calculations in your CSS.

  1. Set the parent element's font size (default: 16px)
  2. Enter a pixel value in the input field
  3. The em equivalent appears instantly
  4. Click Copy to use the result in your CSS
px
px
em

Common Conversions (parent: 16px)

12px = 0.75em
14px = 0.875em
16px = 1em
20px = 1.25em
24px = 1.5em
32px = 2em

Pixels (px)

Absolute CSS unit. 1px equals one device pixel. Good for exact measurements.

EM

Relative to the parent element's font-size. Useful for component-level responsive sizing.

em is relative to the parent element's font-size
16px = 1em (with 16px parent)
Set the parent font size to match your actual CSS context
Unlike rem, em values compound when elements are nested
Want to learn more? Read documentation →
1/5

CSS Unit Converter

PX to EM Converter (current page) PX to REM Converter REM to PX Converter
Comments 0
Leave a Comment
★ ★ ★ ★ ★

No comments yet. Be the first to comment!

Can't find it? Build your own tool with AI
Start typing to search...
Searching...
No results found
Try searching with different keywords