'Guess My RGB' is a game where you guess what the R, G, and B values of an RGB color are.



Color codes used to express colors are usually written as six-digit hexadecimal numbers using 0-9 and A-F for a total of 16 characters, such as ' #fcc800 '. These six digits represent ' RGB ', with the first two digits representing the 'red' value, the middle two digits representing 'green', and the last two digits representing 'blue'. Based on this, there is a website called ' Guess My RGB ' where you can take a quiz to guess 'What are the RGB values of the background color currently displayed on the page?'

MyRGB
https://susam.net/myrgb.html



When you access Guess My RGB, the following page opens. In the image below, the page has a greenish background, but this background color changes every time you access it. The system works by guessing the breakdown of R, G, and B in the color.



By moving the R, G, and B sliders, you can determine the guessed value. When I moved 'G' because the background was greenish, 'Submit #7D7' was displayed. This means 'Would you like to decide with R being 7, G being D, and B being 7?' Color codes are often expressed in six digits, but when the same numbers are repeated for each of the RGB colors, such as '#77DD77,' they can be abbreviated to '#7D7.' Guess My RGB is a game in which you have to guess the color from a total of 4096 possibilities, with 16 possibilities for each of R, G, and B.



When I clicked 'Submit #7D7', the color of '#7D7' was displayed and it said '61% match'.



When I increased the G value and moved the R and B values a little to '#8F5,' the result was '55% match,' which was farther away. The guessed color I entered overlaps with the correct background color, making it easier to see how different they are.



Conversely, when we lowered the value of G, we got closer to 91%. We will continue to make fine adjustments from here to reach the correct answer.



If you answered correctly, the message 'Splendid!' will be displayed.



Clicking 'New Game' will change the background color and allow you to try a new game. It is difficult to guess the RGB color scheme from the colors you see, but if you are aware of relationships such as 'increasing R and G will produce a yellowish color,' 'increasing R and B will produce a purple color,' and 'increasing G and B will produce a light blue color,' you can make more advanced guesses, so the more you play, the deeper your understanding of RGB color will become.



The mechanism behind Guess My RGB is available on GitHub.

GitHub - susam/myrgb: A simple RGB color guessing game



in Web Service,   Design, Posted by log1e_dh