PERCENT to EM Converter
Use this free online percent to em converter tool to convert percentage values to parent-relative em units. This converter helps translate percentage-based sizing into em units. Essential for converting flexible layouts to em-based typography scaling.
To convert percentage to em, divide the percentage value by 100. This works because em and percentage share the same parent-relative scaling behavior for font-size. For other properties, the relationship may differ based on context.
Conversion Formula
em = percent ÷ 100
For example, to convert 100% to em, calculate 100 ÷ 100 = 1em. Similarly, 150% equals 1.5em because 150 ÷ 100 = 1.5.
PERCENT to EM Converter Conversion Table (Parent: 16px, Base: 1000px)
| % | EM |
|---|---|
| 10percent | 6.25em |
| 20percent | 12.5em |
| 25percent | 15.63em |
| 30percent | 18.75em |
| 40percent | 25em |
| 50percent | 31.25em |
| 60percent | 37.5em |
| 70percent | 43.75em |
| 75percent | 46.88em |
| 80percent | 50em |
| 90percent | 56.25em |
| 100percent | 62.5em |
| 110percent | 68.75em |
| 120percent | 75em |
| 125percent | 78.13em |
| 150percent | 93.75em |
| 175percent | 109em |
| 200percent | 125em |
What is %?
Percentage (%) is a relative CSS unit that scales based on the parent element's corresponding property value. For example, width: 50% means 50% of the parent's width, while font-size: 150% means 150% of the parent's font-size. Percentages are fundamental for creating flexible, responsive layouts that adapt to their containers.
What is EM?
EM is a relative CSS unit that scales based on the parent element's font size, making it highly context-dependent. By default, 1em equals the parent element's font-size value, creating a cascading effect through nested elements. While EM offers flexibility for component-level scaling, its cascading nature can make it unpredictable compared to REM in complex layouts.