VW to REM Converter
Use this free online vw to rem converter tool to convert viewport width units to root em units. This conversion combines viewport-based responsive units with root-relative typography sizing. The converter requires both viewport width and root font-size for calculations.
To convert vw to rem, first multiply the vw value by viewport width and divide by 100 to get pixels, then divide by the root font-size. Default values are 1920px viewport width and 16px root font-size. This creates typography that scales with both viewport and root font.
Conversion Formula
rem = (vw × viewport width ÷ 100) ÷ root font-size
For example, to convert 10vw to rem on a 1920px viewport with 16px root font-size, calculate (10 × 1920 ÷ 100) ÷ 16 = 12rem. This means 10vw equals 12rem at this viewport size.
VW to REM Converter Conversion Table (Viewport Width: 1920px, Root: 16px)
| VW | REM |
|---|---|
| 1vw | 1.2rem |
| 2vw | 2.4rem |
| 5vw | 6rem |
| 10vw | 12rem |
| 15vw | 18rem |
| 20vw | 24rem |
| 25vw | 30rem |
| 30vw | 36rem |
| 40vw | 48rem |
| 50vw | 60rem |
| 60vw | 72rem |
| 70vw | 84rem |
| 75vw | 90rem |
| 80vw | 96rem |
| 90vw | 108rem |
| 100vw | 120rem |
What is VW?
Viewport Width (vw) is a relative CSS unit where 1vw equals 1% of the browser viewport's width. This unit scales automatically as the viewport changes, making it ideal for responsive typography and fluid layouts. VW units are particularly useful for creating designs that adapt seamlessly across different screen sizes without media queries.
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.