How do I convert px to em?

Divide the pixel value by the parent element's font size. If the parent is 16px, then 24px ÷ 16 = 1.5em.

What is the difference between em and rem?

An em is relative to the font size of the parent element, while a rem is always relative to the root (html) font size. Ems compound through nesting; rems do not.

Is anything uploaded?

No — the conversion runs entirely in your browser and nothing is sent anywhere.

PX to EM Converter

Convert pixels to em relative to a parent font size.

Convert px to em

The em unit is relative to the font size of the parent element, which makes it useful for component-scoped sizing that scales with its context. Because ems inherit and compound through nested elements, the parent’s font size — not the root — is the divisor.

To convert, divide the pixel value by the parent font size: with a 16px parent, 24px ÷ 16 = 1.5em. Enter your numbers above and the result updates instantly, all in your browser.