Rules & Guide

How to Play ToonTones: Toon Tone Color Memory Game

ToonTones is a five-shade color memory game. Each round shows you a target color, then hides it. Your job is to recreate that exact shade using three sliders — hue, saturation, and lightness — and score as close to 10 as possible.

Six Steps to Your First Round

1

Open the game and press Play Now

The game loads instantly in any modern browser. No signup, no download, no install required. Just tap Play Now on the home screen to begin a fresh five-shade round.

2

Study the target shade carefully

A color card appears on screen showing the shade you need to match. Look at it closely — note whether it leans warm or cool, vivid or muted, light or dark. You have as much time as you need to look before locking in.

3

Set the H slider first — find the right color family

The Hue slider (H) runs across the full color spectrum from red through orange, yellow, green, cyan, blue, and purple back to red. Drag it until the preview color looks roughly right in terms of its basic family — red, blue, green, and so on.

4

Adjust S to control vividness

The Saturation slider (S) controls how vivid or washed-out the color looks. A value of 100 gives a fully saturated, rich color. Dropping it toward 0 moves the color toward grey. Match the target's intensity level here.

5

Fine-tune L for brightness and depth

The Lightness slider (L) controls how bright or dark the shade appears. Very low values produce near-black tones. Values near 50 give the most vivid colors. Values above 80 push toward pastel and white. This is usually where the most accuracy is lost or gained.

6

Confirm your guess and review the score

When your preview looks as close as possible to the target, press Confirm. The game compares your mixed shade to the target using color distance and awards a score between 0 and 10. A score of 10 means your shade matched perfectly. After five rounds, your average across all five shades is your final score for that session.

Understanding the Three Sliders

The HSL (hue, saturation, lightness) model is one of the most human-readable ways to describe color because it separates the three properties that human vision is most sensitive to. Mastering each slider independently is the fastest way to improve your ToonTones score.

H — Hue

The color family

Hue runs from 0° (red) through 120° (green), 240° (blue), and back to 360° (red again). Think of it as choosing a position on a color wheel. Nail hue first — wrong hue guesses cost the most points.

S — Saturation

How vivid or grey

Saturation at 100% means the purest, most vibrant version of the hue. At 0% it's a neutral grey. Most real-world colors sit between 40–80%. If a target looks faded, push S down. If it looks electric, push it up.

L — Lightness

How bright or dark

Lightness at 50% gives the most vivid output. Below 30% the color looks very dark. Above 70% it starts to look pastel. This is the slider most players rush — take an extra second here and your scores will jump.

How Scoring Works

ToonTones scores each guess by measuring the color distance between your shade and the target shade in RGB space. The maximum possible distance gives you 0 points. An exact match gives 10. Most rounds end somewhere in the middle. Five round scores are averaged for your final result.

9.0 – 10.0
Near-perfect. Your memory is precise.
7.5 – 8.9
Strong recall. Minor brightness drift.
6.0 – 7.4
Good hue, saturation slightly off.
0 – 5.9
Hue or lightness misread. Keep practicing.

Tips to Improve Your Score

Always fix hue first

Hue errors produce the largest score penalty. Lock the right color family before touching S or L. Spending an extra three seconds on hue is worth it.

Lightness is the hardest slider

Most players drift lighter than the target. If a color looks rich and vivid, start at L = 50 and adjust down rather than up. Dark shades are easier to overshoot.

Use the preview square actively

The color preview updates live as you move sliders. Hold the target in your peripheral vision and look for the moment the preview feels balanced against your memory.

Compare adjacent shades

If you played a previous round with a similar color, recall how far you were off and adjust. Players who track their own patterns improve faster than those who guess fresh each time.

Pastels and neutrals are tricky

Pale, low-saturation colors often need S below 30 and L above 70. Don't assume a light color is fully saturated just because it looks bright — it may be almost grey.

Play the daily for fair comparison

Random mode changes every game. The daily challenge gives everyone the same five shades, so your score is directly comparable to anyone else who plays that day.