Triadic colour palette
A triadic colour scheme uses three hues spaced evenly around the colour wheel, 120° apart. It is one of the classic colour-harmony rules — vibrant but balanced — and is a fast way to build a cohesive palette for a brand, UI, or illustration from a single starting colour.
How it works
The tool converts your base hex colour to HSL (hue, saturation, lightness). It keeps saturation and lightness fixed and rotates the hue by +120° and +240° around the 360° wheel, then converts those two new HSL colours back to hex. Holding saturation and lightness constant is what makes all three colours feel like a matched set at the same intensity. Click any swatch to copy its hex.
hue1 = base hue
hue2 = (base hue + 120) mod 360
hue3 = (base hue + 240) mod 360 (saturation and lightness unchanged)Example
Starting from a red base around hue 0° (#e53935), the triad rotates to roughly 120° (a green) and 240° (a blue), giving a red–green–blue trio at the same vividness.
| Swatch | Hue |
|---|---|
| Base | 0° |
| Triad 2 | 120° |
| Triad 3 | 240° |
Everything runs in your browser — nothing is uploaded.