EM to REM Converter
Use this free online em to rem converter tool to convert parent-relative units to root-relative units. EM scales with parent element font-size while REM scales with root element font-size. This converter helps you switch between these two scalable unit systems.
To convert em to rem, multiply the em value by the parent font-size and divide by the root font-size. When parent and root sizes match, the values are equal. When they differ, the calculation adjusts to maintain the correct pixel equivalent.
Conversion Formula
rem = (em × parent font-size) ÷ root font-size
For example, with parent font-size of 32px and root font-size of 16px, 2em equals 4rem because (2 × 32) ÷ 16 = 4. If both are 16px, then 2em equals 2rem.
EM to REM Converter Conversion Table (Parent: 16px)
| EM | REM |
|---|---|
| 0.0625em | 0.0625rem |
| 0.25em | 0.25rem |
| 0.5em | 0.5rem |
| 0.75em | 0.75rem |
| 1em | 1rem |
| 1.25em | 1.25rem |
| 1.5em | 1.5rem |
| 2em | 2rem |
| 2.5em | 2.5rem |
| 3em | 3rem |
| 4em | 4rem |
| 6em | 6rem |
| 8em | 8rem |
| 10em | 10rem |
| 11em | 11rem |
| 12em | 12rem |
| 13em | 13rem |
| 14em | 14rem |
| 16em | 16rem |
| 20em | 20rem |
| 30em | 30rem |
| 36em | 36rem |
| 48em | 48rem |
| 50em | 50rem |
| 60em | 60rem |
| 62em | 62rem |
| 64em | 64rem |
| 70em | 70rem |
| 75em | 75rem |
| 80em | 80rem |
| 90em | 90rem |
| 100em | 100rem |
| 120em | 120rem |
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.
What is REM?
REM (Root EM) is a relative CSS unit based on the root element's font size, typically 16px by default in most browsers. Unlike EM units which cascade based on parent elements, REM provides consistent sizing throughout the document. This makes REM ideal for creating scalable, accessible designs that respect user font-size preferences.