PERCENT to REM Converter
Use this free online percent to rem converter tool to convert percentage values to root em units. This converter helps translate percentage-based sizing into root-relative units. Essential for converting flexible layouts to rem-based responsive designs.
To convert percentage to rem, multiply the percentage by the parent element size, divide by 100 to get pixels, then divide by the root font-size. The conversion depends on both parent and root context. This enables root-relative sizing from percentage values.
Conversion Formula
rem = (percent × parent size ÷ 100) ÷ root font-size
For example, to convert 100% to rem with 1000px parent and 16px root font-size, calculate (100 × 1000 ÷ 100) ÷ 16 = 62.5rem. If percentage is 50%, result is 31.25rem because (50 × 1000 ÷ 100) ÷ 16 = 31.25.
PERCENT to REM Converter Conversion Table (Root: 16px, Parent: 1000px)
| % | REM |
|---|---|
| 10percent | 6.25rem |
| 20percent | 12.5rem |
| 25percent | 15.63rem |
| 30percent | 18.75rem |
| 40percent | 25rem |
| 50percent | 31.25rem |
| 60percent | 37.5rem |
| 70percent | 43.75rem |
| 75percent | 46.88rem |
| 80percent | 50rem |
| 90percent | 56.25rem |
| 100percent | 62.5rem |
| 110percent | 68.75rem |
| 120percent | 75rem |
| 125percent | 78.13rem |
| 150percent | 93.75rem |
| 175percent | 109rem |
| 200percent | 125rem |
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.
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.