ToonTone

Cartoon color matching — dial in the exact hue, saturation, and brightness

● Live Free

Toon Tone shows you a cartoon character and highlights one color region. Your job: recreate that exact shade using three HSB sliders — Hue, Saturation, Brightness. No multiple choice. No color picker shortcut. Just your memory of a color you've seen a hundred times, measured to the decimal.

Five rounds per session. Two modes: Normal tests pure recall with no preview; Easy gives you a three-second look before the color disappears. Both modes track your personal best locally — no account, no data sent anywhere. Toon Tone takes under five minutes to play and under two seconds to understand.

How to Play Toon Tone

Choose Your Mode

Pick Normal to go in cold — no preview, pure memory. Or pick Easy to get a three-second look at the target color before the sliders appear. Both modes play identically after that point.

See the Target

A cartoon character appears with one color region highlighted. In Normal mode you see it once and it's gone. In Easy mode you have three seconds to study it. Commit the tone to memory.

Dial In H · S · B

Three sliders: Hue sets the color family, Saturation controls how vivid or muted it is, Brightness moves it from dark to light. All three are live — your preview updates as you drag.

Score and Compare

Submit your guess and the real color is revealed side by side. Toon Tone scores on accuracy: Hue is worth 50%, Saturation and Brightness 25% each. Near-perfect beats close every time.

What Toon Tone Actually Tests

Most color games show you a swatch and ask you to name it. Toon Tone inverts the challenge: you already know the character, you've seen the color before, but turning that vague memory into a precise HSB value is harder than it looks. The familiarity is part of the difficulty.

Toon Tone uses HSB rather than RGB because people think in HSB terms without realizing it. When you say a color looks "too washed out" or "a bit too warm," you're adjusting saturation and hue — not red and green channels. The three sliders are designed to match how color perception actually works, which makes each round feel intuitive even when accuracy is brutal.

Scoring is exponential: a guess that's close scores well, but a guess that's exact scores dramatically better. That gap between "looks about right" and "actually correct" is the whole game. Toon Tone makes it visible every round.

Frequently Asked Questions

What is Toon Tone?

Toon Tone is a free browser game where you recreate the exact color of a cartoon character's highlighted body region using Hue, Saturation, and Brightness sliders. Five rounds per session, two difficulty modes, no account needed.

What's the difference between Normal and Easy mode?

In Normal mode the target color is shown on the character only — no preview, no timer. In Easy mode you get a three-second isolated color preview before the sliders appear. Both modes use the same scoring formula and track personal best.

How is the Toon Tone score calculated?

Each round scores based on HSB distance from the correct answer. Hue accuracy counts for 50% of the round score; Saturation and Brightness each count 25%. Accuracy is rewarded exponentially — a near-exact match scores far above a merely close one.

What does the Hint do?

Each round includes one Hint — a brief flash that reveals the real color. It works best as a direction check after you've already committed a rough guess: use it to confirm whether you're off in hue, saturation, or brightness, not to copy the answer directly.

Does Toon Tone work on mobile?

Yes — the HSB sliders are touch-friendly and the layout adapts to smaller screens. No install, no app store. Open the page and play directly in your mobile browser.