Rem To Percent Converter
Convert rem units to percent, px, pt, and related CSS values
What is REM to percent conversion?
rem units are relative to the root element font size. Designers often want quick mental math between
rem, percent, pixels, and points. This calculator treats 1rem as 100% for the percent readout
(same scale many teams use when comparing rem-sized type to percentage-sized type), converts rem to pixels using
your configured root size, and derives points from pixels.
Formulas
- Percent shown as
rem × 100(relative to the 1rem = 100% shorthand). - Pixels as
rem × root font size (px). - Points as
px × 0.75(CSS pixel to typographic point). - REM from 16px root remaps the pixel result as if the root were 16px—useful when comparing to common defaults.
How to use
- Enter the rem value you are converting.
- Set the root font size in pixels (often 16).
- Read percent, px, pt, and the 16px-root rem column.
Frequently Asked Questions
Is percent the same as CSS font-size: % on a child?
Not exactly. CSS percentage font sizes are relative to the parent, while rem is relative to the root. This tool gives a shorthand percent readout aligned to rem-based thinking, not a full cascade model.
How is this different from EM to percent?
EM is relative to the parent font size; REM is relative to the root. Here you type rem and supply root px; our EM converter assumes you type em against the same base field.
Why default root 16px?
Many design systems start at 16px on the root. Change it to match your live site or Figma settings.
Can I use results for print CSS?
Points are a rough typographic mapping from CSS pixels. Always verify on target media and printers.
Related tools
Your recent visits