Color match

Recreate the color on screen by adjusting brightness and hue. Every match clears a round and the clock keeps running: match as many colors as you can in one minute.

Adjust the brightness and hue to copy the target color. Clear a round at 85% similarity and match as many colors as you can in 60 seconds.

Tips

Look at the target color and use the sliders until your mix looks the same.
The similarity percentage appears when you release the slider or finish moving it with the keyboard.
Reach 85% to clear the round. You get 60 seconds in total, and the clock starts with your first adjustment.
If you have trouble telling hues apart, turn on brightness-only mode.

Step by step

How to use it

Look at the target color and adjust the brightness and hue sliders until your mix looks the same.
Release the slider (or finish moving it with the keyboard) to see the similarity percentage.
Reach 85% to clear the round: a new color appears and the timer keeps running.
Match as many colors as you can before the 60 seconds run out. If hues are hard to tell apart, turn on brightness-only mode.

FAQ

Frequently asked questions

How is the similarity between the two colors calculated?

The tool converts both colors to the OKLab color space, which is designed so that distances look like what the eye perceives, and measures the gap between them. If they match, the similarity is 100%.

Why does the percentage only appear when I release the slider?

To make the game a real challenge: if you saw the number while dragging, you would guess blindly instead of looking at the colors. When you release, you see the result of your adjustment and decide whether to keep it or change it.

What is brightness-only mode?

It is an alternative for people who have trouble telling hues apart. In this mode the hue is locked to the target’s hue and you only adjust the lightness, so the game is solved by brightness alone.

How long does a game last?

The total timer is 60 seconds and starts with your first adjustment. Every color you match adds a round, and there is no limit on rounds: the goal is to match as many as possible in that minute.

Can I play with the keyboard?

Yes. With a slider focused, the arrow keys move the value one step at a time, and Shift with the arrow keys makes big steps. After each key press you see the updated percentage.

Can I play again?

Yes, as many times as you like. Each game lasts one minute, and when it ends, your best number of matched colors is saved in your browser.

How the color matching game works

Each round shows a target color and two sliders: one for brightness and one for hue. Your job is to bring your mix as close as possible to the target. The tool compares the two colors in OKLab, a perceptually uniform color space, and gives you a similarity percentage. At 85% you move on to the next round.

Why the similarity only shows when you release

If the percentage appeared while you drag, you would be chasing a number instead of looking at the colors. By showing it when you let go, the adjustment depends on your eye and not on trial and error. With the keyboard, the percentage updates after every key press.

What OKLab is and why it is used

Classic color spaces such as RGB or HSL do not reflect well what the eye perceives: the same numeric change can be very noticeable or barely visible depending on the area. OKLab spreads distances in a way that is closer to human perception, so a percentage calculated there is closer to what you see.

Tips for matching more colors

Start with brightness: it is the adjustment that changes the overall feel of the color the most.
Then fine-tune the hue bit by bit; big changes tend to overshoot.
Look at the two swatches side by side, not at the slider.
If hue is hard for you, use brightness-only mode to solve the round by lightness.

Accessibility

The game warns you that it depends on color vision and offers brightness-only mode. Even so, it is a perception game: it does not replace a professional vision exam.

Updated on October 2, 2026