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.
Is Golden Ratio Calculator free?
Free to use, no sign-up required.
Is data sent to a server?
Data stays on your device; we do not store it on our servers.
Supported browsers?
Tested on recent Chrome, Edge, Firefox, and Safari.
Offline use?
Core features work offline after the first load.
vs CLI or desktop apps?
Golden Ratio Calculator is an install-free online alternative to CLI or desktop apps.
When to use it?
Use it when: Layout margin design, logo proportions, typography scale.
Usage example?
Example: 1000 → 618.03 and 381.97, 16 → 9.89 and 6.11.
Main features?
Instant golden ratio split, Both larger and smaller values, Any number input
How is this different from similar tools?
Golden Ratio Calculator runs in the browser with no install—ideal for quick checks before heavier CLI or IDE workflows.
Search keywords
黄金比, デザイン, レイアウト, プロポーション, 黄金比 計算
Basic workflow
- 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
Practical use cases
- Layout margin design, logo proportions, typography scale.
- 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.
- Instant golden ratio split
- Both larger and smaller values
Privacy & data handling
Data stays on your device; we do not store it on our servers.
Things to watch out for
- Always double-check before pasting output into production
- Try incognito if extensions break the page
- Wait for processing on large inputs