Color Tools
Color wheel
Explore color relationships visually. Select a hue, choose a harmony type, and see how colors relate to each other on the wheel.
The color wheel is the foundation of color theory — it shows how hues relate to each other and makes it easy to identify harmonious combinations. Click any segment to set your base color, then switch between harmony types to see complementary, analogous, triadic, and other relationships visualized instantly.
For more on how each harmony type works in practice, see combining colors. To generate a complete, export-ready palette from your base color, use the color wizard.
For more on how each harmony type works in practice, see combining colors. To generate a complete, export-ready palette from your base color, use the color wizard.
{{ harmonyName }}
Base: {{ segments[baseIndex].hue }}°
Color harmony
{{ harmonyDescription }}
Selected colors (click to copy)
{{ c.fill }}
{{ c.role }}
{{ copiedIndex === ci ? '✓' : 'Copy' }}
Click any segment on the wheel to select a base color