Golden Ratio Calculator

Golden Ratio Setup

Pick one goal and enter one size

What do you want to calculate?

Known size

Unit

Quick starts

Result

Golden ratio calculations

Long side

517.77px

Short side

320px

61.8%38.2%

Long side

Short side

Ratio: 1 : 1.618φ = 1.618…

Copyable result

Golden Rectangle
Long side: 517.77px
Short side: 320px
Ratio: 1 : 1.618

.golden-rectangle {
  width: 517.77px;
  height: 320px;
  aspect-ratio: 1.618 / 1;
}

Golden ratio values are useful starting points for visual balance, not strict rules. Adjust the final size for content, accessibility, and responsive breakpoints.

Tool Categories

Golden Ratio Calculator