PX to VW Converter
Instant, two-way conversion for fluid layouts. No button — just type.
px · 100vw = 1920px
CSS output
width: 2.5vw; /* 48px @ 1920px viewport */Common px to vw conversions
Based on a viewport width of 1920px.
| px | vw |
|---|---|
| 8px | 0.416667vw |
| 16px | 0.833333vw |
| 24px | 1.25vw |
| 32px | 1.666667vw |
| 48px | 2.5vw |
| 64px | 3.333333vw |
| 96px | 5vw |
| 120px | 6.25vw |
| 160px | 8.333333vw |
| 240px | 12.5vw |
| 320px | 16.666667vw |
| 480px | 25vw |
| 640px | 33.333333vw |
| 768px | 40vw |
| 960px | 50vw |
| 1280px | 66.666667vw |
How it works
px → vw: vw = px / viewport width * 100. vw → px: px = vw / 100 * viewport width. On a 1920px-wide viewport, 48px = 2.5vw and 10vw = 192px. Change the viewport width above to match your design breakpoint.
FAQ
Divide the pixel value by the viewport width and multiply by 100: vw = px / viewport * 100. On a 1920px viewport, 48px = 2.5vw; on a 375px phone, the same 48px ≈ 12.8vw.
More converters
- PX to REM ConverterConvert px to rem and rem to px instantly. Zero lag, one-click CSS copy, custom base size.
- REM to PX ConverterConvert rem to px and px to rem instantly. Zero lag, one-click CSS copy, custom base size.
- PX to EM ConverterConvert px to em and em to px instantly. Custom parent font size, zero lag, one-click CSS copy.
- EM to PX ConverterConvert em to px and px to em instantly. Custom parent font size, zero lag, one-click CSS copy.
- PX to PT ConverterConvert px to pt and pt to px instantly. Zero lag, one-click CSS copy, print-friendly reference table.