color

Color Harmony Generator

Pick a base color and instantly generate complementary, analogous, triadic, split-complementary, and tetradic color harmonies based on color theory.

Base color

Harmony

#64ADF2

hsl(209, 84%, 67%)

#6467F2

hsl(239, 84%, 67%)

#A864F2

hsl(269, 84%, 67%)

All harmonies preserve the base color's saturation and lightness; only the hue is rotated.

How to use Color Harmony Generator

1Paste your input in the panel above or use the example data if available.
2Choose an action — format, generate, convert, encode, or analyze.
3Your result appears instantly. Use Copy to grab it, or Download if a file option is shown.

Runs entirely in your browser

Nothing you type, paste, generate, or upload leaves your device.

Pick and convert colors between formats.

Generate CSS gradients.