percentage to rem

A converter that calculates the rem from a percentage for given rem size and base size to make the measurement responsive

Hot Keys

Calculate and copy the result of calculation.

Calculate the result.

Copy the result of calculation.

Reverse the converter to "REM to Percentage".

Focus the "Percentage (%)" input.

Focus the "Base Size" input.

Focus the "REM Size" input.

FAQ

How to convert Percentage to REM?

To convert percentage to rem, you should know total size of 1 REM, default is 16px, and size of base Then, just apply formula: ((percent * base) / 100) / rem size For example, with 16px size of 1rem and 1000px of base, 10% will be converted to: ((10 * 1000) / 100) / 16 = 6.25rem

What is the Percentage to REM formula?

((percent * base) / 100) / rem size

What is % unit? (Percentage)

Percentage is a number or ratio expressed as a fraction of 100. It is often denoted using the percent sign (%). A percentage is a dimensionless number, primarily used for expressing proportions, but percent is nonetheless a unit of measurement in its orthography and usage. In CSS, it is often used to define a size as relative to an element's parent element. For example, if parent element's size is 1000px, then 1% will be equal to 10px, 1% = 10px.

What is rem unit?

REM is defined relative to the font size of the root element. The root element is matched by the :root pseudo-class or the html selector. 1 REM therefore takes on the value which is given to the font-size of the root element. This means that 1 REM keeps the same value throughout your whole CSS code.