# Convert EM to REM

> Convert em to rem online. Free EM to REM converter with a worked example and a live calculator for comparing relative CSS units.

Migrating a stylesheet from em to rem removes the compounding surprises that nested em values cause. This converter gives the rem equivalent at a shared base font size, so you can swap units without changing the rendered result at the root.

## Example: EM → REM

Input:
```
0.5em
1em
1.5em
2em
```

Output:
```
0.5rem
1rem
1.5rem
2rem
```

## How to convert EM to REM

1. Take the em value from your existing styles.
2. At a matching base font size, the numeric rem value is the same.
3. Replace em with rem to stop values compounding through nesting.

## FAQ

### Why migrate from em to rem?

Em compounds: nested elements multiply each other's font sizes, which can make spacing balloon unexpectedly. Rem always references the root, giving consistent, predictable sizing.

### Will the conversion change how my page looks?

Not at the root level — at a shared base the values are equal. Differences only appear where elements had overridden font sizes that em was depending on.

## Related converters

- [REM → EM](https://www.devkult.com/convert/rem-to-em.md)
- [PX → REM](https://www.devkult.com/convert/px-to-rem.md)
- [EM → PX](https://www.devkult.com/convert/em-to-px.md)

Open the interactive converter: https://www.devkult.com/convert/em-to-rem