Triadic Colors
Generate a triadic harmony of three colors spaced 120 degrees apart in hue.
How to use
- Enter the base HEX to inspect the three colors.
Capabilities and scope
Base, base+120°, and base+240° are placed on the harmony wheel and exposed as HEX swatches.
How it works
HSL hue is rotated to three equal positions while saturation/lightness remain based on the source color.
Example
One hue yields the three vertices of a color-wheel triangle.
Useful for
- Explore a balanced but distinct three-color palette
Before you use it
- Real UI usage still requires separate contrast and visual-dominance decisions.
Frequently asked questions
Is it always three colors?
Yes. The triadic action uses three hue positions including the base.