EM to Pixels Converter (EM to PX)

Steps to Use the Converter

• Enter the Base Font Size value.
• Input the EM value you want to convert.
• Press Enter or click the Convert button.

How to Convert EM to PX

Converting EM to PX is simple. First, determine the parent element's font size, then multiply it by the EM value to get the equivalent pixel (px) size.

EM to Pixels Conversion Formula

To manually convert EM to pixels, use the following formula:

This method ensures accurate font scaling in CSS, making it essential for responsive web design and typography adjustments.

How EM Works

In CSS, the em unit is relative to the font size of its parent element. For example:

<section>
  <p>How EM works.</p>
</section> 

When you set a font size for the <section> element, it determines the base size for its children:

section {
  font-size: 16px;
} 

Now, if you assign 2em to the <p> element:

p {
  font-size: 2em;
} 

The font size of the paragraph will be twice the size of its parent <section>, which means 32px (2 × 16px).