Guides JP

Golden Ratio Calculator

Enter the value of the long or short side to automatically calculate the other length and the total based on the golden ratio (1:1.618). Switch to the silver ratio (1:1.414) and see a visual preview.

Last updated: 2026/10/16 Design Feedback & bug reports
Ratio value: 1 : 1.618

Results

Short side 100
Long side 161.8
Total (short + long) 261.8

Visual Preview

Shows the golden rectangle scaled to the short and long sides.

1
1.618

Ratio Scale (Steps)

Values from repeatedly multiplying the base value by the ratio. Useful for designing font size scales.

Step

How to Use

1

Choose a ratio

Select the golden ratio (1:1.618) or the silver ratio (1:1.414).

2

Enter a side length

Choose whether to start from the short or long side, then enter the known value.

3

Review & copy

The other side, the total, and a ratio scale appear instantly. Use the copy buttons to grab any value.

About the Golden Ratio

The golden ratio (about 1:1.618) has been used in architecture, painting, and design for centuries as a proportion perceived as beautiful. This tool instantly calculates the other side length and the total from a known side using the golden or silver ratio. All processing happens in your browser, and your input is never sent to a server.

Features

  • Golden & Silver ratiosSwitch between the golden ratio (1:1.618) and the silver ratio (1:1.414) with one click.
  • Two-way calculationCalculate from either the short or long side and get the other side and total at once.
  • Visual previewSee the calculated proportion as a golden rectangle for an intuitive sense of the dimensions.
  • Ratio scale generatorGenerate a scale by repeatedly multiplying the base value, ideal for font size scales.

Use Cases

  • Deciding layout dimensions in web design
  • Designing a font size scale (type scale)
  • Composing logos, business cards, and posters
  • Choosing crop ratios for photos and illustrations
  • Balancing UI spacing and card sizes

FAQ

What is the golden ratio?
The golden ratio is approximately 1:1.618, derived from the irrational number (1+√5)/2 (phi, φ). It appears throughout nature and art and is regarded as a well-balanced, pleasing proportion.
How is it different from the silver ratio?
The silver ratio is 1:1.414 (1:√2), used in paper sizes like A4 and in traditional Japanese architecture. It feels slightly less elongated than the golden ratio. This tool lets you switch between both.
How can I use it for font sizes?
By repeatedly multiplying a base body size by the ratio, you can build a harmonious size scale (type scale) from headings to body text. The ratio scale feature gives you those values directly.
How accurate are the results?
Ratios are computed with decimals, and results are rounded to about two decimal places for display. This is plenty precise as a design guideline, but note the rounding if you need exact figures.
Is my data saved anywhere?
No. All calculations run entirely in your browser, and your input is never sent to or stored on any server. You can use it with peace of mind.

Related Tools

Aspect Ratio Calculator Calculate simplified aspect ratio from dimensions Type Scale Generator Generate a modular font-size scale Ratio Calculator Simplify ratios and solve A:B = C:?

Popular Tools

Character Counter Count characters, words, and lines in real-time JSON Formatter Format and validate JSON with syntax highlighting QR Code Generator Create custom QR codes with logo, colors & styles Password Generator Generate secure random passwords with one click Base64 Encoder Encode and decode text or files to Base64 IP Address Checker Check your global IP address

Related Guides

What Is the Golden Ratio? 1:1.618 Meaning, Nature, Design Uses vs Silver Ratio Learn what the golden ratio 1:1.618 is in plain terms: examples in nature and art, how to apply it to layout, whitespace, and font sizes, the difference from the silver ratio 1:1.414, and how to avoid over-relying on it. Written for design beginners.