EM to REM Converter

Convert EM units to Root EM (REM) units.

2rem

About EM to REM Converter

The EM to REM converter is an essential tool for modern web developers working with CSS relative units. While both EM and REM are relative units, they have a crucial difference: EM is relative to the parent element's font size, while REM (Root EM) is always relative to the root element's font size. This converter helps you translate EM values to REM.

Formula

REM = (EM × Parent Size) ÷ Root Size

Examples

2em (16px parent, 16px root) = 2rem
1.5em (20px parent, 16px root) = 1.875rem
0.875em (16px parent, 16px root) = 0.875rem

Reference

  • • REM = Root EM (relative to html)
  • • EM = Element EM (relative to parent)
  • • Use REM for global consistency
  • • Use EM for component scaling

Frequency Asked Questions

Difference between EM and REM?

EM relative to parent font size. REM relative to root font size.

Why convert EM to REM?

To avoid compounding nesting issues and ensure consistent global sizing.

Does EM always equal REM?

Only when parent font size equals root font size.

Can I use both?

Yes. REM for global type, EM for local component scaling.