Golden Ratio Calculator
Divide a length by the golden ratio (φ ≈ 1.618) and build a φ-based scale for layout and typography.
Golden rectangle
Golden ratio scale
What is the golden ratio?
The golden ratio (φ, phi) divides a length so that the whole relates to the larger part as the larger part relates to the smaller: about 1.618. It's used for visual balance from Renaissance art to modern logo design, architecture and photo composition.
What the calculator does
- Splits a length into its larger and smaller golden parts
- Finds the values multiplied and divided by φ
- Builds a φ-based size scale for typography and spacing (e.g. 16, 26, 42, 68px)
In design
Use the golden ratio for content and sidebar widths, heading and body sizes or the proportions of logo elements to get a natural, balanced look.
How to use Golden Ratio Calculator
- Enter a length or base size.
- Review the larger and smaller parts.
- See the φ-based scale if you like.
- Use the values in your design.
Why use this tool?
A quick, practical way to add mathematical harmony to your designs.
FAQ
What exactly is the golden ratio?
φ = (1 + √5) ÷ 2 ≈ 1.6180339887. It's irrational, so values are rounded for practical use.
How does it relate to the Fibonacci sequence?
The ratio of consecutive Fibonacci numbers (13/8, 21/13…) gets closer and closer to the golden ratio.
How is it used in web design?
A 960px layout can be split into roughly 593px content and 367px sidebar.
Related tools
PX to REM and EM Converter
Convert pixels to rem and em (and back) based on your root and parent font sizes.
Open toolCSS clamp() Generator
Create a fluid CSS clamp() value that scales between a minimum and maximum size with the viewport width.
Open toolAspect Ratio Calculator
Find the aspect ratio of any size, or calculate the missing width or height for a ratio.
Open toolColor Palette Generator
Generate harmonious 5–8 colour palettes: random, complementary, analogous, monochromatic or triadic.
Open tool