Percentage to REM Converter

Convert percentage values to REM units based on the root font size. Essential tool for accessible, responsive web design.

Typically 16px by default in most browsers

How Percentage to REM Conversion Works

REM (Root EM) units in CSS are relative to the root (html) element's font size. This tool helps you calculate the REM value that corresponds to a percentage of the base font size.

The formula used for conversion is:

remValue = (percentageValue / 100) × baseFontSizeInPixels / baseFontSizeInPixels

Which simplifies to:

remValue = percentageValue / 100

Example: If you have a value of 150% with a base font size of 16px, the REM value would be:

150% = (150 / 100) × 16px / 16px = 1.5rem

Why Use REM Units?

Common Use Cases: