Pixel Converter

VH to PX Converter

Convert vh to pixels. Since 1vh is 1% of the viewport height, the pixel result scales with the viewport size you set.

1vh equals 1% of this height.

Result

172.8px

Formula

px = (vh × viewport height) ÷ 100

Conversion table

vh → px at viewport height (px) = 1080.

vhpx
1vh10.8px
2vh21.6px
5vh54px
10vh108px
15vh162px
20vh216px
25vh270px
30vh324px
40vh432px
50vh540px
60vh648px
70vh756px
75vh810px
80vh864px
90vh972px
100vh1080px

About the VH to PX conversion

vh is a viewport-relative unit where 1vh equals 1% of the window height. Converting vh to px resolves that percentage into a concrete pixel value for a specific viewport.

The formula is px = (vh × viewport height) / 100. On a 1080px viewport, 50vh is 540px and 10vh is 108px. Set the viewport height field to the screen size you are targeting.

This vh to px converter is useful for checking how large a vh-based element will actually render on a given device, or for translating a viewport-relative design into fixed pixel values.

Related converters

VH to PX Converter FAQs

Multiply the vh value by the viewport height, then divide by 100. On a 1080px viewport, 50vh = (50×1080)/100 = 540px.
Because vh is a percentage of the viewport height, the same vh value equals different pixel counts on different screen sizes. Set the viewport height to match your target device.
100vh equals the full viewport height. On a 1080px-tall window it is 1080px; on an 800px window it is 800px.
Use the height of the device or window you are designing for. The tool defaults to 1080px; adjust it for mobile, tablet, or a specific breakpoint.