EM to REM Converter

Convert em units to rem units instantly for consistent responsive design

About EM to REM Conversion

EM and REM are both relative CSS units, but they scale differently. EM is relative to its parent element's font size, while REM is relative to the root (html) element's font size. This converter helps you translate between these units.

How to Use This Tool

  1. Enter the EM value you want to convert
  2. Specify the parent element's font size in pixels
  3. Specify the root element's font size in pixels
  4. Click "Convert to REM" to get the equivalent REM value
  5. Copy the result and use it in your CSS

The Conversion Formula

The formula to convert EM to REM is:

rem = (em × parent-font-size) / root-font-size

For example, to convert 1.5em to rem when parent is 14px and root is 16px:

(1.5 × 14) / 16 = 1.3125rem

Why Convert Between EM and REM?

Key Differences Between EM and REM

Best Practices