Percent To Em Converter
Convert CSS percent values to em units using standard font-size relationships
What Is Percent to EM Converter?
Percent to EM Converter translates CSS percentage values into em units using the standard relationship between parent font size, percentages, and em lengths. It also shows the pixel size implied by your percentage when you supply a parent font size in pixels.
How the Math Works
For font-size, 100% equals 1em of the parent element's font size. Therefore
em = percent ÷ 100. To estimate pixels, multiply that em value by the parent font size in pixels:
px = (percent ÷ 100) × parent px.
How to Use It
- Enter a percentage (for example 125 for 125%).
- Set the parent font size in pixels (often 16).
- Read the em value and optional pixel equivalent.
Frequently Asked Questions
Why does 100% show 1em?
Percentages on font-size are measured against the parent font size, and one em is defined as the current element's font size, so 100% and 1em describe the same multiple of the parent.
Does this cover margin or width percentages?
The em conversion here follows the font-size relationship. Other properties resolve percentages against different bases, so always double-check the spec for the property you are editing.
What if I only care about em, not pixels?
Ignore the pixel readout. The em field depends only on the percentage input because em is a pure ratio in this context.
Related tools
Your recent visits