REM to VH Converter
Use this free online rem to vh converter tool to convert root em units to viewport height units. This conversion enables typography sizing to be expressed as viewport height percentages. The converter uses root font-size and viewport height for precise calculations.
To convert rem to vh, multiply the rem value by the root font-size to get pixels, then divide by viewport height and multiply by 100. Default values are 16px root font-size and 1080px viewport height. This creates vertical spacing that scales with both typography and viewport.
Conversion Formula
vh = (rem × root font-size ÷ viewport height) × 100
For example, to convert 3rem to vh with 16px root font-size and 1080px viewport, calculate (3 × 16 ÷ 1080) × 100 ≈ 4.44vh. This means 3rem occupies about 4.44% of a 1080px viewport.
REM to VH Converter Conversion Table (Viewport Height: 1080px, Root: 16px)
| REM | VH |
|---|---|
| 0.0625rem | 0.0926vh |
| 0.25rem | 0.3704vh |
| 0.5rem | 0.7407vh |
| 0.75rem | 1.111vh |
| 1rem | 1.481vh |
| 1.25rem | 1.852vh |
| 1.5rem | 2.222vh |
| 2rem | 2.963vh |
| 2.5rem | 3.704vh |
| 3rem | 4.444vh |
| 4rem | 5.926vh |
| 6rem | 8.889vh |
| 8rem | 11.85vh |
| 10rem | 14.81vh |
| 11rem | 16.3vh |
| 12rem | 17.78vh |
| 13rem | 19.26vh |
| 14rem | 20.74vh |
| 16rem | 23.7vh |
| 20rem | 29.63vh |
| 30rem | 44.44vh |
| 36rem | 53.33vh |
| 48rem | 71.11vh |
| 50rem | 74.07vh |
| 60rem | 88.89vh |
| 62rem | 91.85vh |
| 64rem | 94.81vh |
| 70rem | 104vh |
| 75rem | 111vh |
| 80rem | 119vh |
| 90rem | 133vh |
| 100rem | 148vh |
| 120rem | 178vh |
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 VH?
Viewport Height (vh) is a relative CSS unit where 1vh equals 1% of the browser viewport's height. Like VW, it responds dynamically to viewport changes, making it perfect for full-height sections and responsive vertical spacing. VH units are commonly used for hero sections, modals, and mobile-first designs that need to adapt to various screen heights.