PX to VH Converter

Convert between pixels and viewport height units (vh). Perfect for responsive design and full-height layouts.

Convert Values

When to use VH: Perfect for hero sections, full-height layouts, and elements that should scale with screen height.

Responsive Design: VH units make elements truly responsive to viewport height changes automatically.

Calculation: 1vh = 1% of viewport height. 100vh = full screen height.

Keyboard Shortcuts
  • Enter - Copy focused field value
  • Ctrl/Cmd + C - Copy both values
  • Alt + B - Toggle batch mode
  • Alt + C - Toggle CSS output
  • Tab - Navigate between fields
px

Visual Preview:

100px (12.5vh)
Visual representation of 100px on a 800px viewport height

Common Conversion Table

Quick reference for common pixel to vh conversions (based on 800px viewport)

40px = 5vh
80px = 10vh
120px = 15vh
160px = 20vh
200px = 25vh
240px = 30vh
280px = 35vh
320px = 40vh
360px = 45vh
400px = 50vh
480px = 60vh
560px = 70vh
640px = 80vh
720px = 90vh
800px = 100vh
1080px = 135vh