Interactive color wheel with harmony calculations
#308CE8Base (210)
#E88C30Complementary (30)
Selected Color
#308CE8hsl(210, 80%, 55%)
Generate harmonious color palettes from a base color
Pick colors and convert between HEX, RGB, HSL with WCAG contrast checker
Blend two colors together and generate intermediate color steps
Generate light and dark shade variations of any color
The Color Wheel tool provides an interactive HSL color wheel for exploring color relationships. Adjust hue, saturation, and lightness to find your perfect color, then apply color harmony rules (complementary, analogous, triadic, split-complementary, tetradic) to discover coordinated color combinations. Each generated color includes HEX, RGB, and HSL values.