← Back to all tools
Goodfolk Design Utilities
Image Aspect Ratio Calculator
Calculate aspect ratios, missing dimensions, scaled image sizes, and CSS aspect-ratio values.
Original dimensions
Scale dimensions
Enter original dimensions to find the ratio. Enter only a new width or only a new height to calculate the missing scaled dimension.
16:9
Aspect ratio results
Aspect ratio16:9
Ratio typeWidescreen / video
Decimal ratio1.7778
CSS aspect-ratio16 / 9
Padding fallback56.25%
Calculated height720px
CSS snippet
aspect-ratio: 16 / 9;
Padding fallback
padding-top: 56.25%;
Related tools
HEX Color Converter
Convert HEX colors to RGB and HSL, preview the color, and copy CSS-friendly values.
Color Contrast Checker
Check contrast between text and background colors and see basic WCAG-style pass/fail guidance.
Color Palette Generator
Generate color palettes from a base color, lock favorite colors, and copy HEX values or CSS variables.