Percent to EM Converter

Convert Percentage (%) to EM.

1em

What 100% equals in pixels

Context font size

About Percent to EM Converter

The Percent to EM Converter is designed to translate percentage measurements into EM units. Since both percentage (for font-size) and EM are relative to the parent element's font size, they are directly convertible in typography. 100% font-size is exactly equivalent to 1em. However, for other properties like width or padding, the relationship depends on the element's font size.

Formula

EM = (Percent ÷ 100) × (Reference ÷ Parent Font Size)

Examples

For font-size: 100% = 1em
For font-size: 150% = 1.5em
Generally: EM = Percent / 100

Reference

  • 100% font-size = 1em
  • EM scales with parent font size
  • Useful for converting CSS legacy code

Frequency Asked Questions

Is 100% always 1em?

For font-size, yes, 100% equals 1em. For other properties, it depends on context, but generally they behave similarly relative to the parent.

Why convert percent to EM?

EMs are often preferred in component-based design for padding and margins to keep spacing proportional to text size.