Golden Ratio Calculator
Calculate golden ratio proportions for design.
61.8px
100px
161.8px
φ = 1.618
Smaller (÷ φ)
61.8px
Base
100px
Larger (× φ)
161.8px
23.61px
38.2px
61.8px
100px
161.8px
261.8px
Related Tools in CSS & Design
Design System Token Generator
Generate design tokens for spacing, colors, and typography.
Open Tool →
Box Shadow Generator
Generate CSS box-shadow with visual controls and live preview.
Open Tool →
Text Shadow Generator
Create CSS text-shadow effects with live preview.
Open Tool →
Border Radius Generator
Generate CSS border-radius with per-corner control.
Open Tool →
CSS Gradient Generator
Build linear, radial, and conic CSS gradients visually.
Open Tool →
CSS Grid Generator
Visual CSS Grid layout builder with code output.
Open Tool →