VH to REM Converter
Use this free online vh to rem converter tool to convert viewport height units to root em units. This conversion combines viewport-based responsive units with root-relative typography sizing. The converter requires both viewport height and root font-size for calculations.
To convert vh to rem, first multiply the vh value by viewport height and divide by 100 to get pixels, then divide by the root font-size. Default values are 1080px viewport height and 16px root font-size. This creates typography that scales with both viewport and root font.
Conversion Formula
rem = (vh × viewport height ÷ 100) ÷ root font-size
For example, to convert 10vh to rem on a 1080px viewport with 16px root font-size, calculate (10 × 1080 ÷ 100) ÷ 16 = 6.75rem. This means 10vh equals 6.75rem at this viewport size.
VH to REM Converter Conversion Table (Viewport Height: 1080px, Root: 16px)
| VH | REM |
|---|---|
| 1vh | 0.675rem |
| 2vh | 1.35rem |
| 5vh | 3.375rem |
| 10vh | 6.75rem |
| 15vh | 10.13rem |
| 20vh | 13.5rem |
| 25vh | 16.88rem |
| 30vh | 20.25rem |
| 40vh | 27rem |
| 50vh | 33.75rem |
| 60vh | 40.5rem |
| 70vh | 47.25rem |
| 75vh | 50.63rem |
| 80vh | 54rem |
| 90vh | 60.75rem |
| 100vh | 67.5rem |
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.
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.