What is Golden Ratio Calculator?

Golden Ratio Calculator lets you choose a proportion such as the golden ratio or silver ratio, then enter a long side, short side, or total to calculate the remaining dimensions and the proportional split. A rectangle diagram and the long-side and short-side percentages help you plan layouts and image sizes.

You can copy the ratio, dimensions, or CSS aspect-ratio value.

How to Use

1. Choose a ratio.
2. Enter a long side, short side, or total. The other values are calculated automatically.
3. Use “Swap dimensions” to switch between landscape and portrait. The long-side and short-side values stay the same, while the width-height mapping and the diagram orientation flip.
4. Copy the ratio, dimensions, or CSS aspect-ratio value.

Splitting a Total

The total is the width plus the height. Entering a total splits it into a long side and a short side using the selected ratio. With the golden ratio and a total of 1440, for example, the long side is about 890.2 and the short side is about 549.8.

Rectangle Diagram

The diagram divides the selected rectangle into squares. With the golden ratio, each square leaves a smaller rectangle with the same proportion, so the spiral continues. Other ratios show how the rectangle is divided.

Main Settings

Swap Dimensions

Swaps the width and height to flip the orientation. The long-side and short-side values stay the same. The current orientation is shown in the results. The current orientation is kept while you edit values.

Common Long Sides

Choosing a common long side updates the dimensions using that value as the long side.

Use Cases

• Checking the balance of a card or banner before choosing its proportions
• Finding the other dimension after setting the long side of an image or canvas
• Splitting a header or section with the golden ratio
• Deciding on a CSS aspect-ratio value

Things to Keep in Mind

• The long-side and short-side inputs always mean the longer and shorter sides, regardless of orientation. Check the results to see how they map to the width and height
• The long side is handled in the range 1 to 100000. If a short-side or total input would make the long side exceed that range, the values are adjusted so the long side stays at 100000
• The preview is for checking proportions, not for reproducing exact pixel sizes
• For an arbitrary aspect ratio, Aspect Ratio Calculator is a better fit