Golden Ratio Calculator
Split a value by the golden ratio (φ). For layout and design proportions.
▶About this tool
This tool splits any number by the golden ratio (φ≈1.618) in one click. Three features: 1) Works with width, height, font size, or any value, 2) Shows both larger and smaller portions instantly, 3) Useful for layout, logo, and typography proportions.
Tool interface
Larger (φ/(1+φ)) —
Smaller —
Usage
- Enter a number (width, height, font size)
- Both larger and smaller values split by golden ratio are displayed instantly
- Use for layout, logo, and typography proportion design
When to use
Layout margin design, logo proportions, typography scale.
Examples
1000 → 618.03 and 381.97, 16 → 9.89 and 6.11.
FAQ
What is the golden ratio?
Approx. 1.618. Ratio where a:b = (a+b):a. Common in nature and art.
Golden ratio formula?
For value N: larger = N × φ/(1+φ) ≈ N × 0.618, smaller = N - larger.
What is the value of φ?
φ = (1+√5)/2 ≈ 1.618. Irrational, infinite decimals.
How to use golden ratio in design?
Split margins, logo proportions, typography scale (1, 1.618, 2.618...). Layout ratio design.
Golden ratio vs silver ratio?
| Item | Golden | Silver |
| Ratio | ~1.618 | ~1.414 (√2) |
| \| Use \| Western art | layout \| Japanese architecture | A4 \| |
| --- | --- | --- |
| \| Examples \| Parthenon \| Tatami | Yamato-e \| | |
This tool is for golden ratio. Silver: smaller = value × 0.707.
| Ratio | ~1.618 | ~1.414 (√2) |
| \| Use \| Western art | layout \| Japanese architecture | A4 \| |
| --- | --- | --- |
| \| Examples \| Parthenon \| Tatami | Yamato-e \| | |
This tool is for golden ratio. Silver: smaller = value × 0.707.
How to split layout with golden ratio?
Width 1000px → 618px and 382px. Use larger for main, smaller for sidebar.
Origin of golden ratio?
Used in Parthenon, Leonardo da Vinci. Also appears in nature—spirals, flower petals.
Golden ratio reciprocal?
1/φ ≈ 0.618. The 'smaller' proportion when splitting.
Golden ratio for font sizes?
Base 16px → 26px (1.618×), 42px (2.618×). Harmonious typography scale.
How to use golden ratio calculator?
Enter a number (width, height, font size). Get two values split by golden ratio instantly.