Home▸Colour Science & Perceptual Design▸Colour Harmony: 2D HSL Wheel

🎨 Colour Harmony: 2D HSL Wheel

Interactive HSL colour wheel with complementary, triadic, analogous, split and tetradic harmonies plus WCAG contrast.

Colour Science & Perceptual Design2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

Interactive HSL colour wheel with complementary, triadic, analogous, split and tetradic harmonies plus WCAG contrast.

colour harmonyHSLcontrastpalette

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install