Color Matching Game

Match a target color and practice judging hue, saturation, and lightness.

All color tools
Match a color · 5 rounds
Round1 / 5
Average score—
ModeUntimed
Target color
Your color
#40BFBF
180°
50%
50%

Drag the field or use the sliders. Arrow keys also work.

How scoring works

Scores use perceptual color difference (ΔE 2000). A perfect match is 100 points. Group challenges average the match for every color. Display settings can change what you see.

How to play the color matching game
  1. Choose Match a color, Recall a color, or Against the clock for five rounds. Learn color skills introduces six skills over twelve rounds. The challenge selector is visible at the top; Focus on game temporarily hides the settings.
  2. Use the color field and sliders to recreate the target. Hue changes the color family, saturation changes its vividness, and lightness changes how light or dark it is. Keyboard controls are available too.
  3. Check your match and read the feedback before continuing. Scores use perceptual color difference: closer matches earn more points, with 100 for a perfect match. The completed review shows targets and guesses.
  4. Recall mode shows the target for five seconds before you recreate it. Against the clock gives 30 seconds per round. Learning rounds isolate an adjustment before introducing complementary, analogous, triadic, and tetradic palettes.
  5. Play again starts a fresh game. A daily challenge repeats its targets for the same settings; Share challenge lets someone try the same challenge. Copy score includes your finished result and its link.

If your blue looks similar in hue but scores poorly, compare its lightness first, then its saturation. A muted blue and a vivid blue can share a hue while looking quite different. The score measures your match in the game; it is not a clinical assessment of color vision.