Aesthetic Calculator — Color Harmony

Pick a base color, explore harmonies, copy palettes.

Controls

Choose a base color using the picker, the HSL wheel, or sliders
Click/drag on the wheel to set Hue & Saturation

Palette

AA meets text contrast AAA meets enhanced contrast

How it works

The calculator uses the HSL model. Hue comes from the wheel angle, saturation from the radius, and lightness from the slider. Schemes rotate hue by fixed steps and tweak S/L to make five swatches. Click any HEX, RGB, or HSL to copy. The URL updates so you can share your current state.

Last updated: