How to Play Toon Tone — Step-by-Step
Toon Tone shows you an iconic cartoon character and asks you to rebuild their signature color from memory using hue, saturation, and brightness sliders. The game scores you on perceptual accuracy in CIELAB color space — the same color model used by professional designers and printers — so getting close counts. Here is the whole game in under a minute.
Step 1 · Open the game and read the character
When you open Toon Tone, a familiar cartoon character appears with their color stripped out — greyscale, outlined, or partially desaturated. Before the timer starts, take a beat to recall which color is most iconic to that character. SpongeBob is yellow; that yellow is closer to a school-bus shade than a butter shade. Bart Simpson's shirt is orange-red, not pure red.
Step 2 · Adjust the HSB sliders from memory
The game gives you three sliders:
- Hue — the color family (red, orange, yellow, green, blue, purple, and the gradients between them).
- Saturation — how vivid the color is. 100% is fully pure color; 0% is grey.
- Brightness — how light or dark it is. 100% is white-bright; 0% is black.
Tip: lock the hue family first. The biggest scoring penalty in CIELAB is for being in the wrong color family, not for being slightly too dark or too light. Get the hue right, then refine saturation and brightness.
Step 3 · Submit and read your CIELAB Delta E score
When you submit, the game converts both your guess and the target into the CIELAB color space and measures the perceptual distance — the Delta E — between them. The lower the Delta E, the closer your guess. A Delta E under 5 is “hard to distinguish for the human eye”; a Delta E under 2 is near-perfect.
Step 4 · Refresh for a new character
Toon Tone is unlimited (no daily cap). Refresh for a new round and keep playing. See the unlimited mode page if you want details on why there's no daily limit.
Common beginner mistakes
- Trusting your screen. Brightness, contrast, and ambient light all bias your color perception. Play in consistent lighting.
- Over-saturating. Cartoon colors look saturated in your memory, but most are actually closer to 70–85% saturation, not 100%.
- Skipping warm-up rounds. Your first three guesses are usually your worst. Don't take your first session score personally.
What's next?
Want a different color-puzzle format? Try Dialed GG for memorize-five-swatches gameplay, Hued for a daily challenge with a leaderboard, or Hexcodle for Wordle-style hex code guessing. All of them score using the same perceptual color science.