Toon Tone

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?

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 Toon Tone

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.