EM to Percent Converter

Convert EM values to CSS percent. For font-size, EM and percent are equivalent: 1em = 100%, 1.5em = 150%, 0.75em = 75%.

Last updated: May 21, 2026

Formula: % = em × 100(1em = 100% — for font-size)

EM Values

Separate values with commas or newlines. "em" suffix is optional.

Percent Output

0.75em → 75% 1em → 100% 1.25em → 125% 1.5em → 150%

Reference table — EM to % conversions

EM	%	EM	%	EM	%
0.25em	25%	0.5em	50%	0.625em	62.5%
0.75em	75%	0.875em	87.5%	1em	100%
1.125em	112.5%	1.25em	125%	1.5em	150%
1.75em	175%	2em	200%	2.25em	225%
2.5em	250%	3em	300%	3.5em	350%
4em	400%	4.5em	450%	5em	500%

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is EM to Percent Converter?

For the `font-size` property, CSS `em` and `%` are interchangeable — both are relative to the parent element's font size. 1em = 100%, 0.5em = 50%, 2em = 200%.

The conversion is a simple multiplication: **% = em × 100**. For other CSS properties like padding or margin, em and % behave differently (em scales with the element's font size, while % scales with the parent's dimension), but this tool handles the direct numerical conversion.

How to Use EM to Percent Converter

Enter one or more EM values (comma or newline separated)

Copy the percent output or use the reference table

The formula is always: % = em × 100

Common Use Cases

Developers switching font-size declarations between em and percent.
Front-end engineers checking the percent equivalent of an em type scale.
Students learning that em and percent are numerically equivalent for font-size.
Teams auditing stylesheets to standardise on one relative unit.

Example Input and Output

Convert common EM font sizes to their percentage equivalents.

EM values

Percent output

0.75em → 75%
1em → 100%
1.25em → 125%
1.5em → 150%

Privacy

All conversions run in your browser. No data is sent to any server.

Frequently Asked Questions

Is em always equal to percent?

For font-size: yes, 1em = 100% always. For other properties, the relationship differs — em is relative to the element's font size, while % is relative to the parent's corresponding dimension.

Which should I use — em or percent?

Both work for font-size. em is more common in modern CSS, while percent was popular in older codebases. Pick one and be consistent.

Related Tools

Percent to EM Converter

Convert CSS percentage values to EM units. For font-size, 100% = 1em — a direct relationship. Supports bulk input and includes a reference table.

EM to PX Converter

Convert EM values to pixels instantly. Set the parent element font size, enter one or multiple EM values, and get the pixel equivalent with a full reference table.

PX to EM Converter

Convert pixel values to EM units instantly. Set the parent element font size, enter one or multiple px values, and get the EM equivalent with a full reference table.

REM to Percent Converter

Convert CSS REM values to percentage. For root-relative sizing, 1rem = 100% of the root font size. Supports bulk input and includes a reference table.

PX to Percent Converter

Convert pixel values to CSS percentage units. Set the parent element size, enter one or multiple px values, and get the percentage equivalent with a full reference table.

Percent to PX Converter

Convert CSS percentage values to pixels. Set the parent element size, enter one or multiple percent values, and get the pixel equivalent with a full reference table.