G
GamutDesk

Procedural 5-Color Harmony Generator

Generate balanced 5-color palettes based on geometric color wheel angles with individual slot locking. Export to CSS, JSON, and SVG.

100% Client-SideZero Data Collection
#2563EB
#3B82F6
#60A5FA
#10B981
#F59E0B
CSS Custom Properties
:root {
  --color-1: #2563EB;
  --color-2: #3B82F6;
  --color-3: #60A5FA;
  --color-4: #10B981;
  --color-5: #F59E0B;
}

Technical Specification & Mathematical Principles

Palettes are constructed using irrational hue rotation: Hue_n = (Hue_base + n * phi) mod 360, where phi = 360 * 0.6180339887... (the Golden Angle conjugate).

This ensures that colors are spread evenly across the visible spectrum with balanced perceptual intervals.

Frequently Asked Questions

The algorithm calculates harmonious hues using golden-ratio angular distribution across the cylindrical HSL wheel (360 degrees * 0.618033), which prevents muddy overlaps while ensuring distinct perceptual contrast.

Related Design & Color Instruments

Image Palette Extractor

Extract 6 dominant theme colors from any uploaded image using Web Worker K-Means clustering off the main thread.

Open Tool

CSS Gradient Maker

Design linear and radial CSS gradients with 360-degree angle control, multi-stop adjustments, and instant code export.

Open Tool

Color Shades Step Generator

Generate smooth linear step interpolations from any base color towards pitch black (#000000).

Open Tool

Tints & Shades Calculator

Calculate 10 pure white tints and 10 pure black shades for any hex color code with one-click copy.

Open Tool