Educational Interactive Tool
Color Wheel
Master color theory by exploring harmonies interactively. Drag the wheel, select harmony types, and create professional palettes.
Harmony Type
Complementary colors sit directly opposite each other on the color wheel. They create the strongest contrast and visual tension. Use one as dominant and the other as accent for best results.
Use for
CTAs, logos, highlights
Example
Red & Green, Blue & Orange
Base color:
0°
🎨 Drag the wheel, click on any segment, or pick a base color. Harmony colors are calculated automatically. Click on color squares to see details.
Drag to rotate
Your Palette
180° apart
#D926260°
Base
#26D9D9180°
#2
Live UI Preview
Brand
Info card
Your palette applied to UI
Color 1Color 2
Keyboard shortcuts
←→Rotate
1-6Harmony
RReset
SpaceRandom
Quick Guide
1. Rotate
Drag the wheel to change base color
2. Select Harmony
Pick a harmony type from the left panel
3. Copy Colors
Click any color to copy its HEX code
4. Export
Send palette to generator for more options