REM to PERCENT Converter
Use this free online rem to percent converter tool to convert root em units to percentage values. Percentages are relative units that scale based on parent element properties. This converter helps express root-relative sizing as percentages.
To convert rem to percentage, multiply the rem value by the root font-size to get pixels, then divide by the parent element size and multiply by 100. The conversion depends on both root and parent context. This creates flexible percentage-based sizing from rem values.
Conversion Formula
percent = (rem × root font-size ÷ parent size) × 100
For example, to convert 1rem to percentage with 16px root font-size and 16px parent, calculate (1 × 16 ÷ 16) × 100 = 100%. If parent is 32px, then 1rem equals 50% because (1 × 16 ÷ 32) × 100 = 50.
REM to PERCENT Converter Conversion Table (Root: 16px, Parent: 1000px)
| REM | % |
|---|---|
| 0.0625rem | 0.1percent |
| 0.25rem | 0.4percent |
| 0.5rem | 0.8percent |
| 0.75rem | 1.2percent |
| 1rem | 1.6percent |
| 1.25rem | 2percent |
| 1.5rem | 2.4percent |
| 2rem | 3.2percent |
| 2.5rem | 4percent |
| 3rem | 4.8percent |
| 4rem | 6.4percent |
| 6rem | 9.6percent |
| 8rem | 12.8percent |
| 10rem | 16percent |
| 11rem | 17.6percent |
| 12rem | 19.2percent |
| 13rem | 20.8percent |
| 14rem | 22.4percent |
| 16rem | 25.6percent |
| 20rem | 32percent |
| 30rem | 48percent |
| 36rem | 57.6percent |
| 48rem | 76.8percent |
| 50rem | 80percent |
| 60rem | 96percent |
| 62rem | 99.2percent |
| 64rem | 102percent |
| 70rem | 112percent |
| 75rem | 120percent |
| 80rem | 128percent |
| 90rem | 144percent |
| 100rem | 160percent |
| 120rem | 192percent |
What is REM?
REM (Root EM) is a relative CSS unit based on the root element's font size, typically 16px by default in most browsers. Unlike EM units which cascade based on parent elements, REM provides consistent sizing throughout the document. This makes REM ideal for creating scalable, accessible designs that respect user font-size preferences.
What is %?
Percentage (%) is a relative CSS unit that scales based on the parent element's corresponding property value. For example, width: 50% means 50% of the parent's width, while font-size: 150% means 150% of the parent's font-size. Percentages are fundamental for creating flexible, responsive layouts that adapt to their containers.