Color Wheel

Color Wheel

Drag or tap the wheel to set a base color, preview harmony rules live and extract a usable palette.

Open in generator

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.