Skip to main content

Mini Games

Color Match

Recreate a random color with R/G/B sliders. A color-sense game scored to 0.01%.

How to play

  • Tap Start. A random target color is shown.
  • Drag the R, G, and B sliders until your color matches the target.
  • Hit Submit. Closer color = higher accuracy (%).

Color Match is a one-shot color matching game that tests your eye. A random target color appears next to your own swatch, and you rebuild it with three sliders — Red, Green and Blue, each running from 0 to 255. The sliders start at middle gray, the target's values stay hidden and there's no eyedropper, so it all comes down to reading hue, saturation and brightness by eye. There's no time limit, and you get one submit per round.

On submit, the game measures the straight-line (Euclidean) distance between the two colors in RGB space and turns it into accuracy: 100% means identical, and the largest possible gap — black versus white, about 441.7 — would be 0%. Because you start from gray, even a rough guess rarely drops below 50%, so the real contest happens above 90%. Grades: S from 95%, A from 85%, B from 70%, C from 50%, D below that. Both hex codes and the gap are revealed afterwards, each result is recorded on the ranking automatically, and a challenge link gives a friend their own random color.

Keep in mind that RGB distance is not a perceptual ΔE: a gap of the same size can be obvious in one color and nearly invisible in another. Tip: the eye is least sensitive to changes in blue and most sensitive to green, which drives perceived brightness, so lock in the brightness with green first, then fine-tune blue while watching the edge between the swatches. Night mode, blue-light filters and very low screen brightness can hide small differences, and with a color vision deficiency some red–green targets will feel harder. It's a game, not a color vision test.

Frequently Asked Questions

  • Q. How do you play Color Match?

    A. Move the Red, Green and Blue sliders (0–255) until your swatch matches the random target, then submit once. The sliders start at middle gray, the target's values are hidden and there's no time limit.

  • Q. How is the accuracy score calculated?

    A. It's 100 × (1 − d ÷ 441.7), where d is the straight-line distance between the two colors in RGB space and 441.7 is the black-to-white maximum. It's a plain RGB distance, not a perceptual ΔE; grades start at 95% for S, 85% for A, 70% for B and 50% for C.

  • Q. Why do I score close to 50% even when I am way off?

    A. Because the sliders start at middle gray (128), which is never more than about 221.7 away from any target, so submitting without touching anything already scores about 49.8%. The real differences in skill show up above 90%.

  • Q. Does my screen or color vision affect the result?

    A. Partly. Both swatches are on the same screen, so calibration errors hit them equally, but night mode, blue-light filters and low brightness make small gaps harder to see. A color vision deficiency can make some red–green targets harder; this game is not a color vision test.