Aspect Ratio Calculator

v1.0.2

Calculate and convert aspect ratios, derive missing dimensions, and output ready-to-use CSS aspect-ratio rules.

Calculates aspect ratios, derives missing dimensions (width from height or vice versa), converts between ratio formats (16:9, 4:3, 1.777), and outputs CSS aspect-ratio rules.

How to use

→Enter any two known values (width and height, or ratio and one dimension) to derive the third.
→Use the CSS output to copy an aspect-ratio property ready for your stylesheet.
→Common ratios (16:9, 4:3, 1:1, 21:9) are available as quick presets.

Presets

Custom ratio

Width

Height

Simplified: 16:9

Dimension calculator

Width (px)

Height (px)

Result: 1920 × 1080 px

CSS Output

aspect-ratio: 16 / 9;