I wonder what the optimal strategy would be if you can't see the color and only the answers when you click submit.<p>Hillclimbing is already somewhat efficient:<p><pre><code> For each slider:
- Start at 0
- Move to the right until the score drops
- Move one to the left
</code></pre>
That should result in something like 9 tries per slider on average, so 27 tries per color.<p>One signal that could be used to improve it: The difference in score between 0 to 1 gives you the approximate length you have to move to the right.<p>Due to rounding, you don't get the exact length.<p>So My guess is that with an optimal strategy, on average you would need something like 4 tries per slider.<p>That comes down to and average of 12 tries per color.
After submitting, the background color of the box displaying the match percentage result shows you the color you guessed.<p>(This may be obvious depending on the color you’re guessing, but in my case the color was quite gray and it took me a few guesses to notice this essential visual aid.)
This is unintentionally a great ad for perceptual color spaces. I found it easier to ignore the color and just look at the percentage changes after a while when zeroing in on a guess. I wonder if that would be different in a game of Guess My OKLCH!
It's not linked to from the page, but here's the GitHub repo for anyone interested:<p><a href="https://github.com/susam/myrgb">https://github.com/susam/myrgb</a>
It's funny. I just finished writing a lesson where I teach about different color formats. In it, I explained how difficult it was to choose a color with rgb values, because that's not how humans think about color. This game is a great example of that.<p>HSL is much more intuitive. As soon as you have an idea of the hue scale, it's very easy to define a color with saturation and lightness levels.
What's the problem? just check the background color in inspect element and normalize to 16 levels :) haha<p>But really, good job! very nice game, fun and challenging
Very cool idea! On my first two tries, I quickly got to 94% but then got absolutely stuck there. The 94% seemed like a local optimum (moving any slider one slot in either direction<p>Any way to explain that?<p>Also: it would be cool to have a way to forfeit and get the solution.
For a few recruitments, we asked the candidates to create a front app like this with React. It was quite nice as we could quickly see how they use the library, what they know etc.<p>Simple app but funny game.
I swear that #516 looks darker than #505 (although perhaps only against a background of #505 with #808 next to it). Something interesting is going on there with my perception of saturation.
There are a lot of similar games, eg <a href="https://trycolors.com/games/guess-color" rel="nofollow">https://trycolors.com/games/guess-color</a><p>I use them in my code club to teach about what is light, actually, how do we perceive color, how tv and computer screens 'trick' your color perception by simply mixing RGB in the right proportions, etc.
<bug report><p>I got the first one in 10 guesses, then I tapped New Game but the background didn't change and my next guess said NaN%<p>(Android Chrome)
I made something similar a while ago. I opted for calculating a score based on the sum of distance between each of the channel values and gave users one guess. <a href="https://lukew3.github.io/color-code-tutor/" rel="nofollow">https://lukew3.github.io/color-code-tutor/</a>
Really so much fun!<p>This guy produces great things. He did that micro drawing language a while back, right?<p>Would also be cool to have a camera link where you can select the color to guess by pointing the camera at something.<p>I find this guy so inspiring. He codes and creates tools like I aspire to. Just beautiful stuff!
Ha this reminds me of a game me and my friend made a few years ago:
<a href="http://rbgnrgb.com/" rel="nofollow">http://rbgnrgb.com/</a><p>You play as RBG fighting monsters with different RGB values.
Nice! I would love to study how people hone in the correct color, and how close people get on the first try.<p>Do people binary search or scan a range?, how do they prioritize the color channels? etc
Reminds me of a video[0] that describes Diffie-Hellman key exchange in terms of mixing color values (as globs of oil paint).<p>I guess in this game you're guessing the mix of primary colors, so maybe it doesn't hold the same property of difficulty in deriving the constituents?<p>[0] <a href="https://www.youtube.com/watch?v=YEBfamv-_do" rel="nofollow">https://www.youtube.com/watch?v=YEBfamv-_do</a>
I seem to be able to get it in around 7-8 guesses usually - based on a fairly good initial guess (85% or so) and the heuristic that if the percentage went up by 1 in the previous axis increment / decrement, that axis is now at the correct value. It's a really entertaining game. Kudos to the author!
Vaguely reminiscent of Specimen by Charlie Whitney and Erica Gorochow
<a href="https://playspecimen.com/" rel="nofollow">https://playspecimen.com/</a>
… a great game if you haven’t tried it, and unusually revealing about the limits of perception.
Reminds me of something similar I made a few years ago: <a href="https://github.com/ssimono/hexliterate">https://github.com/ssimono/hexliterate</a>
It still works, that's a multiplayer real-time game
This is very nice! Someone I know made one of these too a while back with a similar UI - <a href="https://gkpotter.com/projects/rgb/" rel="nofollow">https://gkpotter.com/projects/rgb/</a>
Reminds me of notching out microphone feedback on a 31-band graphic equalizer without a real-time analyzer revealing the frequency. There was ear training software to simulate this activity, for practicing the art.
As someone who knows very little about colors, it was quite fun to see how much green is a light shade of purple I got. Could probably get better at guessing base RGBs I want for thing X on a frontends I build by playing this.
This is fun. I like the fact you can click anywhere, which is nice for a non-touch device. Probably would help to emphasise those slider ticks as they are almost invisible, it would it more inviting to click instead of drag.
Landed on a high blue, guessed #00CC00, was correct, closed the browser. Kind of interesting I suppose though maybe more granularity so that I can't so easily guess?