How to Play Toon Tone Game — 5-Round Color Guessing Tips

Toon Tone is a free color guessing game in your browser. Each round shows a cartoon character with one part of their color removed, and you have to rebuild that color from memory using three sliders. This tutorial walks you through the full Toon Tone game loop, the scoring, and a few tips for hitting a 9.0+ run.

Quick start: the 5-second version

Open the page, read the question ("What is the color of X's Y from Z?"), pull the three sliders until the preview swatch matches what you remember, tap the green check, see your score. Repeat for five rounds. That's the whole color game.

Step 1 — Read the round question carefully

Each round in Toon Tone shows a sentence like:

"What is the color of Goku's hair from Dragon Ball?"

Three pieces of information matter: the character, the body part (or wardrobe item), and the source show or movie. The same character can appear in different shows with different palettes — Mario has a red hat in Super Mario Bros. but appears in many other games where wardrobe details vary. Reading the source is part of the puzzle.

The visible cartoon image is grayscale or stylized so you cannot copy the color directly. The point of the toon tone game is to retrieve the color from your own memory, not from the canvas.

Step 2 — Recall the color from memory, not the internet

This is where Toon Tone diverges from a regular trivia game. You are not asked to type the name of a hex code — you are asked to see the color in your mind's eye. A few mental tricks help:

• Picture a specific scene. Don't try to remember the character abstractly. Picture them in a frame you actually saw — the opening title, a famous fight, a poster on the wall. Memory is scene-based.
• Anchor the hue first, the brightness second. Most people are good at "what color family" (red? yellow? blue?) but bad at "how dark is it really." Decide the hue, then squint and ask: is it closer to neon, pastel, or muddy?
• Trust the first instinct. Long deliberation tends to drift toward the average gray. The first color that comes to mind is usually closer than the one you settle on after 30 seconds.

Step 3 — Use the three HSB sliders

The control panel on the right of the screen has three vertical sliders. Each one controls a different dimension of the HSB color model:

• Hue (H) — Where the color sits on the rainbow. 0 is red, 60 is yellow, 120 is green, 180 is cyan, 240 is blue, 300 is magenta, back to 360 is red. Think of it as the angle around a color wheel.
• Saturation (S) — How "colorful" it is. 0 is pure gray. 100 is the most vivid version of that hue. Cartoons typically run high-saturation, but watch out for pastel shows where saturation drops below 50.
• Brightness (B) — Sometimes called value or lightness. 0 is black. 100 is the brightest version of that hue (or pure white at saturation 0). Brightness is the sneaky one — most players misjudge it by 20+ points.

The preview swatch in the middle of the panel shows your current guess. The cartoon silhouette on the left fills in with that color too, so you can see how it looks on the actual character. Adjust until both feel right.

Step 4 — Use the hint button if you're stuck

If you've stared at the swatch for a minute and still can't decide, tap the lightbulb hint button. Toon Tone narrows one slider's range so you can't go too far in the wrong direction. Hints cost a small score penalty per use, so use them sparingly — but they're better than guessing wildly.

Step 5 — Submit and read the result card

The green check button submits your guess. The screen flips to a result card that shows:

• Your selected HSB values
• The original (target) HSB values
• A score from 0.00 to 10.00 based on how close you got
• A short message that tells you how you did

The score weighs hue, saturation, and brightness roughly equally, with a small bonus for hitting the hue dead-on. A 7.0 means you were in the right ballpark. A 9.0+ means you nailed it.

Step 6 — Finish the five rounds and check standings

A full game is five rounds. After the last submit, the summary screen shows:

• Your average score across the run
• A grid of all five rounds, color-coded by accuracy
• Where you stand against today's leaderboard and the all-time leaderboard
• A line graph comparing your run to the daily and all-time averages

If you scored above the daily threshold, you'll see a top-scorer modal where you can claim a six-character tag for the leaderboard. Tags are public but not tied to any account — they're meant to be lightweight bragging rights.

Step 7 — Share your result

The share button on the summary screen generates a PNG card with your average score, the round-by-round grid, and a clean Toon Tone watermark. You can:

• Use the native share sheet on phone (iOS / Android)
• Download the PNG and post it manually anywhere
• Copy the link to toontone.app and let friends try the same daily set

Tips for hitting 9.0+ scores

• Don't oversaturate. Cartoon colors look bold but most are around saturation 65–85, not 100. Pulling saturation all the way up is a common mistake.
• Brightness lives in the middle. Pure black or pure white targets are rare. Most cartoon colors sit in the 40–80 brightness range.
• Watch out for shadow vs. base color. The "color of Goku's hair" means the base hair color, not the shadow line. Aim for the dominant shade.
• Use the hint on round 1 if you've never played. Calibrating your eye on the first round helps the rest of the game feel intuitive.
• Play in a well-lit room. Screen brightness affects how you read the preview. Don't play in the dark with night-mode active — the score formula doesn't know your screen is shifted.

Frequently asked questions