What the Free RGB Guessing Game Does
The free RGB Guessing Game challenges you to type either decimal RGB channels or CSS hex codes to identify five mystery sRGB swatches, with a per-channel error threshold of 12 and a total-error cap of 24 producing an exact 1,000-point perfect run.
Most free color guessing games built for the browser fall into one of two camps. The first asks you to eyeball a swatch and pick the closest match from a small set of named colors; the second hands you sliders and lets you mix your way toward a target through trial and error. The RGB Guessing Game takes a third route. It draws one mystery color into a Canvas and asks you to type a numeric estimate, either three integers or a hex string, of what you think the color is. The game then grades that estimate on a strict, transparent scale.
This is a recognition challenge rather than a mixing challenge, and that distinction matters. You are not adjusting additive or subtractive controls; you are reading one static swatch and committing to a numeric answer. The challenge runs across five fixed rounds, each with its own target swatch. Success on a round is binary: the game accepts your guess only when every channel error is at most 12 and the three channel errors sum to at most 24. Both inclusive limits must pass at the same time. When a round is accepted, you receive exactly 200 points and move to the next swatch. Five clean rounds therefore close out at exactly 1,000 points.
How to Play a Round of the Free Color Guessing Game
Each round follows the same three-step pattern. The interface is compact and works with mouse, touch, or full keyboard input, so you can play on a laptop or a phone without changing your approach.
- Study the current Canvas swatch, choose decimal RGB or CSS HEX input, and enter three 0-255 channels or a #RGB or #RRGGBB string. The HEX mode accepts either shorthand or full six-digit notation, and the parser expands three-digit shorthand so that #ABC becomes the same color as #AABBCC.
- Submit the estimate. The game converts both formats into the same red, green, and blue integer tuple, then checks the dual threshold: every channel's absolute error must be 12 or less, and the sum of the three channel errors must be 24 or less.
- If your guess passes, you earn 200 points and the next swatch appears. Identify all five swatches in sequence for a perfect 1,000-point run. If your guess is the first distinct wrong color, you keep one repair attempt; a second different wrong color locks the round until you restart.
The round flow is intentionally short. There is no timer, no hint button, and no penalty for guessing carefully. You can take as long as you need to look at the swatch before typing your estimate. Once you submit, the feedback panel shows the three channel errors, the largest single error, and the total error, so you know exactly how far off each guess was. The target tuple itself stays out of the answer feedback during play, which means the only way to learn the exact value is to land close enough for the round to accept.
RGB vs HEX Input in the Free Color Guessing Game
Both input formats produce the same score, because the game normalizes them to one integer tuple before any comparison happens. The table below summarizes how each format is parsed, with examples that follow the W3C CSS Color Module Level 4 rules.
| Aspect | Decimal RGB | CSS HEX |
|---|---|---|
| Format | Three base-10 whole numbers (0-255 per channel) | #RGB or #RRGGBB with leading hash |
| Channel range | 0 to 255 inclusive per channel | 00 to FF hex per channel |
| Short form support | Not applicable | Yes — #ABC expands to #AABBCC |
| Case sensitivity | Whole numbers only | Case-insensitive; #abc equals #ABC |
| Example valid entry | 120 200 64 | #78C840 |
| Normalized to | (120, 200, 64) | (120, 200, 64) |
| Authority for notation | MDN rgb() reference | W3C CSS Color Module Level 4 |
Because normalization happens before scoring, an RGB estimate and its HEX equivalent count as the same guess for miss tracking. If you enter (120, 200, 64) in decimal on your first try and then submit #78C840 as your repair attempt, the game treats that as the same color and does not consume your second chance. The miss counter only advances on a genuinely different normalized tuple, which protects you from accidentally double-penalizing yourself when you switch formats mid-round.
Reading Per-Channel Feedback to Tighten Your Next Guess
The feedback panel that appears after each submission is the heart of the game's learning loop. Rather than telling you whether you were close or far, it reports four numeric facts about your last guess: the absolute error on red, the absolute error on green, the absolute error on blue, and the largest of those three errors. A total-error line summarizes all three together.
Use the per-channel breakdown to decide what to adjust. If the green channel shows the biggest error, the swatch is likely more or less green than your estimate. If two channels are exact and one is 13 or 14, the dual threshold is failing on a single over-budget channel even though the total is comfortably under 24. The 12-per-channel cap is there precisely to prevent one large mistake from hiding behind two perfect channels. A guess of (255, 0, 0) against a target of (245, 0, 0) sums to a total error of 10, which sounds acceptable, but the 10-unit red error sits inside the 12-channel limit and the round accepts. A guess of (255, 0, 0) against (240, 0, 0) sums to 15 with a single-channel error of 15, and that round fails on the per-channel rule even though the total is well under 24. Both checks matter, and the game applies them together.
When you are within the threshold, the round closes and the next swatch appears. When you are outside the threshold, the feedback numbers stay on screen so you can use them for your repair attempt. The Canvas swatch also stays visible during this repair, so you can keep comparing your mental estimate against the rendered color while you re-enter values.
How the Exact 1,000-Point Run Is Built
The score is the simplest part of the design to understand, and the strictest part to clear. Each accepted swatch is worth exactly 200 points, and there are exactly five rounds. There are no bonus points for guessing on the first try within a round, no time bonus, and no penalty for using your repair attempt — the second distinct wrong color simply locks the round until you restart the whole game.
That structure means a perfect run is one of two outcomes: either you clear all five rounds in sequence for an exact 1,000-point finish, or you lock a round partway through and the run ends with whatever points you already banked. There is no in-between. The lack of partial credit on a locked round is what keeps the 1,000-point target exact rather than approximate. The game does not reveal future round values into the current DOM, so you cannot peek ahead at upcoming targets to plan your estimates.
For readers who want a deeper scoring breakdown, including how the dual threshold interacts with different error profiles and how to budget your repair attempts across five rounds, the RGB and HEX scoring walkthrough covers the route to the 1,000-point finish in more detail.
Free Browser Play: What You Don't Need to Install
One practical reason this free color guessing game fits the in-your-browser category so cleanly is that everything stays local. There is no download, no sign-up, no account, no remote color service, and no model call. The Canvas draws the active swatch, the parser handles your input, the comparator computes the channel errors, and the score advances — all inside your browser tab. You can close the tab, reopen it later, and start a fresh five-round run without losing any persistent state beyond a local best score.
The interface is also deliberately portable. You can move between the format buttons, the input fields, and the submit action using Tab, and you can press Enter from the form to check an estimate. Touch targets stay at a mobile-friendly height, and the layout collapses to a single column on a narrow screen, so the same game works on a laptop, a tablet, and a phone without losing any of the per-channel feedback. If you want to verify the notation rules yourself before you play, the MDN hex-color reference documents the same shorthand expansion and case behavior the game uses.
Because the Canvas is the only place the active color appears, the visible page text, ARIA label, data attributes, and inline style do not publish the exact answer during normal play. As with any client-side visual game, a determined user could sample displayed pixels or inspect downloaded code, so the interface is designed to prevent accidental disclosure of the target rather than to claim tamper resistance. For ordinary play, that is more than enough to keep the recognition challenge honest across all five rounds.