G
GamutDesk

Interactive 360° Color Wheel

Interact with the full visible color spectrum to formulate mathematically balanced geometric color harmonies in real-time.

100% Client-SideZero Data Collection

Click & drag anywhere on the wheel to reposition base coordinates.

Hue Angle (H)210°
Radial Saturation (S)85%
Spectrum Lightness (L)50%
Anchor Base
#1380EC

Generated Harmony Coordinates (3 Nodes)

#1
#1380EC
hsl(210, 85%, 50%)
#2
#EC1380
hsl(330, 85%, 50%)
#3
#80EC13
hsl(90, 85%, 50%)

Technical Specification & Mathematical Principles

The polar color wheel translates 2D cartesian mouse interactions (x, y) into polar coordinates:

Hue = atan2(y - cy, x - cx) × (180 / π) mod 360, and Saturation = (dist / radius) × 100%.

Harmonies project geometric polygons onto the wheel with fixed radial displacement angles (Complementary = 180°, Triadic = ±120°, Analogous = ±30°).

Frequently Asked Questions

The wheel maps colors to cylindrical polar coordinates where angle corresponds to Hue (0-360°) and distance from center represents Saturation (0-100%). Geometric formulas add exact degree offsets (e.g. 180° for Complementary, 120°/240° for Triadic) while preserving saturation and lightness balance.

Related Design & Color Instruments

Image Color Picker

Extract pixel colors from your images with pixel-level precision and an interactive magnifying loupe. Runs 100% locally in your browser.

Open Tool

Interactive Color Picker

Explore colors with bidirectional state binding across HSL, RGB, and HEX channels with real-time numeric readouts.

Open Tool

Browser EyeDropper Tool

Sample any pixel color directly from your monitor or browser window using the native Chromium window.EyeDropper API.

Open Tool

Dominant Color Finder

Detect the single most prominent color in any image using 3D color histogram quantization off the main thread.

Open Tool