How to Play Toon Tone

The Goal

You'll see a colorful character and be asked to recall the exact color of a specific part — like their hair, shirt, or skin. The color is then hidden, and you use three sliders to recreate it from memory.

Understanding HSB

Instead of Red-Green-Blue, Toon Tone uses the HSB color model — Hue, Saturation, and Brightness. This matches how humans naturally think about color.

Hue (H) — 0° to 360°

The position on the color wheel. 0° is red, 120° is green, 240° is blue.

Saturation (S) — 0% to 100%

How vivid the color is. 0% is gray, 100% is the purest color. Cartoon colors are usually 65-85%.

Brightness (B) — 0% to 100%

How light or dark. 0% is always black, 100% is the brightest version of the color.

Game Rules

  1. Each game has 5 rounds
  2. You have 30 seconds per round to adjust your sliders
  3. A live preview shows the color you're building in real time
  4. Hit Submit when you're satisfied with your guess
  5. Each round is scored from 0.0 to 10.0

Scoring

Your score is based on how close your guess is to the target color:

  • 50% Hue accuracy — getting the right color family matters most
  • 25% Saturation accuracy — how vivid you made it
  • 25% Brightness accuracy — how light or dark

Near-perfect matches score dramatically higher than "close enough" — precision is rewarded.

Hints

Stuck? Use a hint to narrow the slider ranges. This makes it easier to find the right color, but costs 1 point from that round's score. Use hints wisely!

Start Playing

Want to know more? Read about Toon Tone.