Color Wheel
Color Wheel
Drag or tap the wheel to set a base color, preview harmony rules live and extract a usable palette.
Wheel preview
Generated palette
Harmony rules
Analogous
Hues within ~30° on the wheel — natural and safe, great for unified moods.
Complementary
Opposite hues (180°) give strong contrast, perfect for emphasis.
Triadic / Tetradic
Evenly spaced hues keep balance with contrast; common in branding.
About this tool
📘The color wheel lets you pick a base on the hue circle and see complementary, analogous and other harmonies at a glance.
- Click a base on the wheel and the right side shows complementary, analogous, triadic and more.
- Drag the control point to nudge the hue; results update live.
- Copy a combo you like into the generator to expand it into a full scheme.
Tips
💡- Tap anywhere on the wheel to set the base; dots mark each harmony hue.
- Copy HEX straight into your project, or open it in the generator to keep tuning.
- Complementary is the safest emphasis — but keep one color dominant, not 50/50.