em to Pixel Converter

About this calculator

em is a relative CSS length unit tied to font size: 1em always equals the current font-size of the element it's applied to (or, when used for font-size itself, the parent element's font-size). Browsers default that root font-size to 16px, so at the default setting 1em = 16px, and in general px = em × base font-size — a heading set at 2em on a 16px base renders at 32px, but the same 2em on an 18px base renders at 36px.

Because em scales with a user's or a parent element's font-size, it's the unit CSS developers reach for in responsive and accessible typography — line-height, margins, and font-size that should grow when someone bumps up their browser's text-size setting. Converting between em and pixels is a routine step when translating a pixel-based design mockup (Figma, Sketch) into scalable, accessible CSS.