Free Color Quiz Online — Train Your Color Eye

Interactive color quiz: 9 game modes, 3 difficulty levels, daily challenge and streak scoring. Train your visual perception identifying HEX, WCAG contrast, harmonies, HSL and more. Free.

How it works

🎮 Game Modes

🎯 Guess the HEX

A color is shown with 4 HEX code options. Can you identify the correct one? On hard difficulty, the options are very similar.

👁️ Guess the Color

A HEX code is shown with 4 color swatches. Pick the one that matches the code. Train your ability to visualize colors mentally.

⚡ Contrast Challenge

A text/background pair is shown and you must decide if it passes WCAG AA (4.5:1 ratio). Essential for accessible design.

✨ Name That Color

A color is shown with 4 CSS names. Which is correct? Learn the 148 named colors from the CSS standard.

🎨 Harmony Detective

4 colors are shown: 3 form a harmony (analogous, complementary or triadic) and 1 is the intruder. Find it!

📊 HSL Challenge

A color is shown and you must guess its hue (H), saturation (S) or lightness (L). Master the HSL model.

☀️ Lighter or Darker

Two colors are shown and you decide which has higher relative luminance. Trains the exact judgment WCAG contrast checks rely on.

👥 Colorblind Challenge

Two colors are shown and you decide whether someone with protanopia, deuteranopia or tritanopia could tell them apart. See the real simulation after answering.

🎚️ Match the Color

The only mode without multiple choice: a target color is shown and you recreate it by moving hue, saturation and lightness sliders. Scored on ΔE proximity, not right/wrong.