Skip to content
uxTools
Design & CSS

Aspect Ratio Calculator

Lock any two of width, height, or ratio and the calculator fills in the rest. Browse common ratios (1:1, 16:9, 9:16, golden, cinema), preview crop or letterbox results, and copy modern CSS, Tailwind, or padding-hack output.

Ratio
16:9 (16:9)
Decimal
1.778
Category
Landscape

Calculator

Lock any two fields and the third updates live. Results round to the nearest pixel.

I already know…
px
Auto
px
Enter a width and a ratio — height is computed and rounded.

Live preview

Scaled to fit — colors change with ratio category (square, landscape, portrait, cinema, panoramic).

1920 × 1080
Pixels
16:9
Ratio
1.778
Decimal