Game mode
Pick a category and find the exact color.
Top 10
Loading level…
Comparing colors…
Result
Hue
–
Saturation
–
Lightness
–
Session complete
Your average precision
About Chroma
Chroma is a browser color-matching game built around a simple idea: can you recreate the exact color hidden in an image? Each level shows a cartoon frame, brand logo, or flag in grayscale. Your job is to dial in the correct hue, saturation, and lightness so the color overlay matches the original as closely as possible.
The game is designed for quick sessions in the browser — no download, no account, and no tutorial wall. Pick a mode, play five rounds, and see how precise your eye really is. Whether you are a designer who lives in color pickers or someone who just enjoys a visual challenge, Chroma turns “I know that color” into a measurable score.
How Chroma works
Every round starts with a grayscale image and three sliders: Hue, Saturation, and Lightness (HSL). As you move the sliders, a live color layer is applied on top of the image. When you are happy with your choice — or when the round timer runs out — lock in your color. The game then compares your HSL values to the target color and calculates a precision percentage for that round.
- Cartoons — iconic animated characters and scenes where a single dominant color defines the look.
- Logos — well-known brand marks where getting the exact corporate shade matters.
- Flags — national and regional flags where specific reds, blues, and greens are part of the identity.
Each session has five rounds with a short timer per round. Your session score is the average precision across those rounds. If you finish in the top ten for a mode, you can save your name to that mode’s leaderboard.
Scoring and strategy
Your result is not just “close enough.” Chroma measures how near you are on each HSL channel and combines that into an overall percentage. A perfect match is rare; high eighties and low nineties are strong results. Many players improve quickly once they learn to adjust hue first, then saturation, then lightness — rather than jumping randomly between sliders.
Because every round is timed, there is a small pressure element: hesitation costs you seconds you might need for fine-tuning. Experienced players often commit to a rough hue early, then spend the remaining time polishing saturation and lightness.
Frequently asked questions
Do I need to know color theory to play?
No. The sliders are labeled clearly and the live preview updates instantly. Most players learn by experimenting. If you want a head start, think of hue as “which color,” saturation as “how vivid,” and lightness as “how bright or dark.”
Why does the image look gray at the start?
Removing color forces you to match the target using the sliders instead of copying what you see. The grayscale image still shows shape and contrast; your overlay supplies the color information.
What happens when the timer hits zero?
Your current slider values are submitted automatically. It is better to lock in a guess early than to leave the default values unchanged when time runs out.
Are leaderboard names stored permanently?
Yes, top scores are saved on the server for each mode tab (Cartoons, Logos, Flags). Enter a display name after a strong session if you want to appear on the board.
Can I play on mobile?
Yes. Chroma works in modern mobile browsers. The sliders and layout adapt to smaller screens, though some players prefer a larger display for fine adjustments.
Will new levels or modes be added?
More categories may appear over time. The “Coming Soon” tile on the menu is reserved for future modes that follow the same color-matching format.