Convert Viewport Height (vh) to Pixels (px) Quickly & Accurately For Any Viewport Size

(Based on Current Viewport)

Font Size = 10vh

[Sample Text]

To convert vh to pixels, you just have to enter the vh value in the VH box and our converter will automatically calculate as you type in the realtime and display the converted px value in the Pixels box.

If you need, our converter also supports reverse px to vh conversions. So you can also enter or change the px value in the Pixels box and our converter will again automatically calculate and display the converted vh value in the VH box.

Our converter also isn't constrained to do the conversion at just one fixed total viewport height value or conversions for your current height of the viewport. We have an option to enter your own Total Viewport Height value, select from the presets and also to do the conversions at your current viewport's total height. — great feature, right?

We don't stop there! Our converter also has a live preview feature, which shows you the live text preview of the vh size (based on current viewport height) that you convert using our converter.

As per 1080px viewport height.

VH | Pixels |

0.5vh | 5.4px |

1vh | 10.8px |

1.5vh | 16.2px |

2vh | 21.6px |

2.5vh | 27px |

3vh | 32.4px |

4vh | 43.2px |

5vh | 54px |

6vh | 64.8px |

7vh | 75.6px |

8vh | 86.4px |

9vh | 97.2px |

10vh | 108px |

12vh | 129.6px |

15vh | 162px |

18vh | 194.4px |

20vh | 216px |

22vh | 237.6px |

25vh | 270px |

28vh | 302.4px |

VH | Pixels |

30vh | 324px |

32vh | 345.6px |

35vh | 378px |

38vh | 410.4px |

40vh | 432px |

42vh | 453.6px |

45vh | 486px |

48vh | 518.4px |

50vh | 540px |

55vh | 594px |

60vh | 648px |

65vh | 702px |

70vh | 756px |

75vh | 810px |

80vh | 864px |

85vh | 918px |

90vh | 972px |

95vh | 1026px |

98vh | 1058.4px |

100vh | 1080px |

To do conversions for other vh, px or total viewport height values use the tool above.

Calculation of vh to px depends on the Total Viewport Height. So, first you should know the total height of the viewport based on which you want to calculate vh to pixel for accurate calculation.

Once you have that, you can calculate vh to px by multiplying the vh value that you want to convert with the Total Viewport Height value and divide the result by 100. The answer of that is the equivalent pixel value to your vh value.

Formula to Calculate VH to PX:

PX = VH × Total Viewport Height ÷ 100

Let's do one example calculation to understand it better.

Let's say you want to convert 10vh to px for the viewport that has a total height of 1080px. Then, you have to multiply 10 with 1080 and divide the result by 100.

So, 10 × 1080 ÷ 100 = 108px

Hence, 10vh equals to 108px for 1080px of total viewport height.

This is how you can easily calculate vh to px.

If you don't understand it or have doubts then there is a possibility that you don't understand how the vh unit works in css.

I have explained the vh unit in simple language on our px to vh converter page. Give it a read and then calculating px from vh and even vh from px should be clear to you.

Lastly, we hope that our vh to px converter with smart features makes your job of converting between these units easier and ultimately aid you in designing the pixel-perfect responsive web pages.