Loading
Calculate a width-to-height ratio or scale dimensions while preserving that ratio.
DesignCommon presets
Choose a tab: 'Calculate Ratio' to find the ratio, or 'Scale Dimensions' to resize while keeping the ratio.
Or click a preset button (16:9, 4:3, 1:1, etc.) to prefill the width and height.
In Scale mode, enter the original dimensions then fill in either the new width OR new height β the other value is calculated automatically.
Click Copy on any result to copy it to your clipboard.
Verify that your video canvas (e.g. 1280Γ720) matches a standard ratio like 16:9, or calculate an export size that maintains the correct ratio for a different platform.
Scale an image or container from desktop (1440px wide) to mobile (375px) and get the correct height without distortion.
Different platforms require different ratios β Instagram feed (4:5), Stories (9:16), YouTube thumbnail (16:9). Quickly verify or scale your artboard to the right dimensions.
Confirm that a photo crop will fit a print size (e.g. 4Γ6 or A4) without cropping, or calculate the pixel dimensions needed for a specific print resolution.
Aspect Ratio Calculator helps you find the simplified ratio of any widthΓheight combination (e.g. 1920Γ1080 β 16:9) and scale dimensions to a new size while preserving the ratio perfectly. Includes common presets for video, social media, and photography.
Found incorrect guidance or a result? Send the team steps and a non-sensitive example.
Select a color and copy HEX, RGB, HSL and other displayed color values.
Adjust linear or radial gradient stops and copy the generated CSS.
Build layered CSS box shadows with offsets, blur, spread, color and inset options.
Adjust individual corner radii in pixels or percentages and copy the CSS.
Generate color harmonies from a base color and copy palette values.
Browse the built-in Tailwind color table and copy a color or utility value.