Color Harmony Schemes Explained
How complementary, analogous, triadic, tetradic, and monochromatic schemes come from hue angles, and when to reach for each one.
The color wheel and hue rotation
Every scheme this tool produces comes from one idea: treat hue as an angle from 0 to 360 degrees and rotate it. The base color is broken into hue, saturation, and lightness, and only the hue moves for most schemes while saturation and lightness stay put. Rotating 180 degrees lands on the complement, 120 degrees builds a triad, and 30 degree steps stay in the analogous neighborhood. Because saturation and lightness are held constant, the family shares a consistent intensity, which is what makes the results feel like they belong together.
Reading the six palettes
Complementary gives a single opposite hue for high contrast accents. Analogous returns the base plus its neighbors at plus and minus 30 degrees, a calm choice for backgrounds and gradients. Triadic and tetradic spread three or four colors evenly around the wheel for bold, balanced sets. Split complementary softens a straight complement by using the two hues flanking it at 150 and 210 degrees. Monochromatic ignores hue rotation entirely and instead varies lightness to produce tints and shades of one color.
Why a round trip can shift a color
Colors are stored as three 8 bit channels, so each of red, green, and blue can only take 256 whole values. When the tool converts your hex to HSL and back, the results are rounded to the nearest whole channel, which can nudge a color by one or two steps. For most schemes you never notice, but if you feed an output back in as a new base you may see it drift slightly. Treat the generated hex codes as the source of truth rather than expecting a perfect mathematical inverse.
Choosing a scheme for real work
Start with the mood you want. Reach for analogous or monochromatic when you need a quiet, unified interface where nothing fights for attention. Use complementary or split complementary when you want a clear accent, such as a call to action against a dominant brand color. Save triadic and tetradic for playful, editorial, or illustration work where variety is the point, and even then let one hue lead while the others support. Whatever you pick, check the pairs you plan to place as text and background in a contrast checker before shipping.