Hue · Saturation · Brightness

HSB Color Game

Use three sliders to match a hidden target color. Hue picks the color family, saturation controls intensity, and brightness controls lightness.

What is an HSB color game?

An HSB color game uses hue, saturation, and brightness as the main controls. Instead of picking from a fixed palette, you shape the color yourself and learn how each slider changes the result.

ToonToneColor uses HSB because it is easy to understand: pick the family, adjust the intensity, then tune the lightness.

How hue changes the color family

Hue moves around the color wheel. A small hue change can turn a warm orange into yellow, or a blue into purple. If your match feels completely wrong, hue is usually the first slider to check.

How saturation changes intensity

Saturation changes how colorful the result feels. Low saturation looks soft, gray, or faded. High saturation looks bold and vivid.

How brightness changes lightness

Brightness changes how much light the color seems to carry. Lower brightness makes the color darker. Higher brightness makes it lighter.

Try HSB in a five-round challenge

Once the sliders make sense, try the Quick Challenge. You will play five rounds, reveal each target color, and get a rank card you can copy or download locally.

FAQ

What does HSB stand for?

HSB stands for hue, saturation, and brightness.

Is HSB the same as RGB?

No. RGB describes red, green, and blue light values. HSB describes color in a way many people find easier to adjust by eye: family, intensity, and lightness.

Is this HSB game accurate across every screen?

No. Different screens and brightness settings can change how colors look. Treat the game as casual practice, not calibration.

Can beginners play it?

Yes. You do not need color theory. Start with hue, then saturation, then brightness.

Should I play Practice or Quick Challenge?

Use Practice to learn the sliders. Use Quick Challenge when you want five rounds and a shareable rank card.