Quick guide
Try it with your own data when you’re ready.
Try an example
You enter
- Base color (HEX)
#f00
You get
- Base color
#FF0000
- Complementary (180°)
#00FFFF
- Analogous (−30°)
#FF0080
- Analogous (+30°)
#FF8000
- Triadic (−120°)
#0000FF
- Triadic (+120°)
#00FF00
How it works & limits
Accepts opaque 3- or 6-digit hex colors. Hue rotates in HSL while saturation and lightness stay fixed: complement 180°, analogous ±30°, triadic ±120°.
Gray colors remain gray. This geometric palette is a starting point, not a guarantee of visual harmony or contrast.