Aspect Ratio Calculator

Resize while keeping the aspect ratio — enter width or height, get the other side. Includes 16:9, 4:3, 21:9, 1:1 presets and the CSS aspect-ratio declaration.

Ratio:

Width (px)Height (px)

Result

1920 × 1080 (16:9)

aspect-ratio: 16 / 9;

Preview

Loading…

All processing runs in your browser — no files or inputs are uploaded to a server.

Related tools

CSS Gradient Generator

Design

Design linear and radial CSS gradients visually. Drag color stops, adjust the angle, and copy the ready-to-use background CSS.

Color Converter

Design

Convert between HEX, RGB, and HSL with an accurate live preview.

Color Contrast Checker

Design

Check WCAG contrast ratios between two colors. Instant AA / AAA pass status for normal text, large text, and UI components.

BlurHash Generator

Image

Generate a BlurHash placeholder string from any image. Compact ~30-byte hash that previews as a blurred image — perfect for image loading placeholders on Next.js, Unsplash-style feeds, and SSR.