Create color harmonies and schemes. Generate complementary, triadic, analogous, and other color combinations with real-time preview for design projects.
Select or enter your starting color
Choose a color harmony scheme
Every harmony here is a rule about angles on the hue wheel. Complementary takes the hue 180 degrees opposite. Triadic takes two hues at 120 degree steps. Analogous stays within about 30 degrees either side of your base. Split complementary goes to the opposite hue and then steps back 30 degrees on each side, which softens the clash while keeping the contrast.
The angles are arithmetic, so the tool will hand you a mathematically correct scheme that still looks wrong. Two colors 180 degrees apart at the same saturation and lightness will vibrate against each other, and a fully saturated complementary pair is the usual cause. Drop the lightness on one side, or cut its saturation, and the same pair settles down.
Analogous suits backgrounds and large surfaces, since neighbouring hues stay quiet behind content. Complementary and split complementary earn their place on the small stuff: a call to action, a warning state, anything that has to be found quickly. Triadic gives you three usable hues but rarely three equal ones, so treat one as the base, one as the accent, and the third as a rare highlight.
One limitation worth naming: hue angles say nothing about how bright a color looks to the eye. Yellow at 50 percent lightness reads far brighter than blue at the same figure, so a scheme that balances on paper can still fail a contrast check. Run the pairs you plan to put text on through the contrast checker before committing.
