Color Matching Game (Guess the Shade)
Match a randomly generated target color using RGB or HSL sliders.
Study a randomly generated target color swatch, then work the RGB (red, green, blue) and HSL (hue, saturation, lightness) sliders to mix the closest match you can. It's a precision drill for training your eye for color.
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
How to use
- Study the target color card, then drag the RGB or HSL sliders to whatever values you think will match it.
- Hit Submit to get an exact delta reading of how far your mix landed from the target.
- Check your grade based on the margin of error and review your run history.
FAQ
- How is the color accuracy calculated?
- It measures the Euclidean distance between the two points in 3D RGB color space. The closer that difference gets to zero, the closer your match score converges on 100%.
- Is it easier to match the target color in HSL mode than in RGB mode?
- Generally, yes. It's hard to intuitively predict a color from three separate red, green, and blue values, but HSL's hue, saturation, and lightness sliders map more closely to how people actually perceive color — you can nail the general hue first, then fine-tune saturation and lightness. If you're just starting to train your color eye, HSL mode is the easier place to begin.
- Is it easier to match the target color in HSL mode than in RGB mode?
- Generally, yes. It's hard to intuitively predict a color from three separate red, green, and blue values, but HSL's hue, saturation, and lightness sliders map more closely to how people actually perceive color — you can nail the general hue first, then fine-tune saturation and lightness. If you're just starting to train your color eye, HSL mode is the easier place to begin.