Interactive Color Wheel Tool
Explore color relationships and find inspiration using an interactive wheel.
Color Harmony Mode
Complementary
Lock Color
#3B83F6
rgb(59, 131, 246)
hsl(217, 91%, 60%)
#F6AE3B
rgb(246, 174, 59)
hsl(37, 91%, 60%)
Usage Guide
- Rotate the points on the wheel to select the primary color.
- Choose different harmony modes to see corresponding harmonious colors on the wheel.
- Color boxes below will display all selected colors and their codes in real-time.
Color Harmony Encyclopedia
Complementary Principle
Colors located on opposite ends of the color wheel. This combination offers the highest contrast and visual impact.
Triadic Scheme
Three colors evenly spaced around the color wheel, forming an equilateral triangle, providing a vibrant yet balanced feel.