Visit
0 upvotes
Toon Tone is a color-matching game based on hue, saturation, and brightness (HSB). Each round consists of 10 turns, where players adjust sliders to match a target color, and the system calculates the score using ΔE (color difference).
The game offers a variety of comic-style palettes, such as Superman Red-Blue-Yellow, Batman Dark Night Yellow, and more, helping players learn color theory while having fun.
"See with your eyes, not copy-paste — that's the true essence of color training."
Each round can score up to 100 points, with a maximum of 1000 points. Suitable for designers, artists, and anyone looking to improve their color perception.
About Toon Tone
What is Toon Tone?
Toon Tone is a color-matching game that trains your eye using hue, saturation, and brightness (HSB) sliders. Each game consists of ten rounds where you adjust sliders to match a hidden target color. The system scores your guess using ΔE (color difference), a perceptual distance metric that aligns with human vision. No hex codes, no copy-paste—just your visual judgment.
Who it's for
- Designers who want to sharpen their color perception beyond hex values and eyedroppers
- Artists looking for a fun, repeatable way to practice matching hues, saturation, and brightness
- Color enthusiasts who enjoy gamified learning and want to understand how HSB and ΔE work in practice
Key features
Ten rounds per game with live HSB sliders
Each game presents ten unique target colors. You adjust hue (color angle), saturation (intensity), and brightness (lightness) using three sliders. The preview updates in real time, so you can see how your selection evolves before submitting.
ΔE-based scoring with a 1000-point maximum
After each guess, the system calculates the perceptual distance (ΔE) between your color and the target. You earn up to 100 points per round, with a perfect game reaching 1000 points. The scoring formula rewards close matches: points = round(max(0, 100 − 2 × ΔE)).
