Toon Tone
Match the target color
• Copy the embed code to showcase this product on your website
• Share on X to spread the word about this amazing tool
Toon Tone is a visual color-matching game where you tune hue, saturation, and brightness to match a secret target color — no hex codes, no cheating. Just your eyes and the HSB sliders.
What Is ?
Toon Tone is a browser-based color perception game. Each game consists of ten rounds. In every round, Toon Tone shows you a target color and challenges you to match it as closely as possible using three sliders — Hue, Saturation, and Brightness. Your score is calculated by perceptual distance (ΔE), so the closer your color, the higher your points.
In Toon Tone, "toon" means cartoon. The game draws color inspiration from world-famous comic icons, making Toon Tone both a fun challenge and a genuine color study tool.
How to Play
Step 1 — Study the Target
The left swatch in Toon Tone shows the color you need to match as closely as you can.
Step 2 — Adjust H, S, and B
Use the Toon Tone sliders to tune your color. The right preview updates live:
- Hue — the color angle (0°–360°)
- Saturation — the intensity of the color
- Brightness — how bright or dark the color feels
Step 3 — Submit Your Guess
Hit Submit in Toon Tone to see your ΔE score and how many points you earned for that round.
Step 4 — Play All Ten Rounds
After all 10 rounds, Toon Tone shows a results screen comparing every target color next to your pick.
Step 5 — Start Over Anytime
Use New Game or Play Again in Toon Tone for a fresh set of random target colors.
Train your color eye, one round at a time. Play Toon Tone now and see how close you can get.