Guess my RGB

  • I wonder what the optimal strategy would be if you can't see the color and only the answers when you click submit.

    Hillclimbing is already somewhat efficient:

        For each slider:
            - Start at 0
            - Move to the right until the score drops
            - Move one to the left
    
    That should result in something like 9 tries per slider on average, so 27 tries per color.

    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.

    Due to rounding, you don't get the exact length.

    So My guess is that with an optimal strategy, on average you would need something like 4 tries per slider.

    That comes down to and average of 12 tries per color.

  • This is my party trick. Describe a colour and I'll give you the hex code.

    As you can imagine I'm really popular at parties...

  • After submitting, the background color of the box displaying the match percentage result shows you the color you guessed.

    (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:

    https://github.com/susam/myrgb

  • 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.

    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.

  • I got the first one in a single guess and now I'm afraid it can only go downhill from here...

  • What's the problem? just check the background color in inspect element and normalize to 16 levels :) haha

    But really, good job! very nice game, fun and challenging

  • Would love to try a “Guess my HSL” spinoff.

  • 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

    Any way to explain that?

    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.

    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 https://trycolors.com/games/guess-color

    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>

    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%

    (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. https://lukew3.github.io/color-code-tutor/

  • Fun game, a convenient wordle style social media sharing utility would spread the word. Not sure what would work.

  • Really so much fun!

    This guy produces great things. He did that micro drawing language a while back, right?

    Would also be cool to have a camera link where you can select the color to guess by pointing the camera at something.

    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: http://rbgnrgb.com/

    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.

    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).

    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?

    [0] https://www.youtube.com/watch?v=YEBfamv-_do

  • It would be interesting to know what type of people would find this game amusing..

    Since I'm one of them, perhaps programmers?

  • 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 https://playspecimen.com/ … 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: https://github.com/ssimono/hexliterate It still works, that's a multiplayer real-time game

  • Fun! Spill your scores. I can usually get within 85%, had one perfect out of 10. And one 70%

  • This is very nice! Someone I know made one of these too a while back with a similar UI - https://gkpotter.com/projects/rgb/

  • 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.

  • Amazing! Just needs an expert mode with 0-255 and alpha channel

  • Reminds me of this: http://yizzle.com/whatthehex/

  • This is awesome! I would love a GeoGuessr style gameplay element and watch my design friends compete over a couple of beers!

  • Fun! This takes me back to coding up websites in plain HTML in Notepad. Coming up with the right hex codes for colors was an essential skill!

  • It's funny that I made a website exactly like this a few months ago. It was supposed to be Wordle for colors

  • Curious if anyone can see the difference between #DD2 and #DD3. It was impossible on my 2013 Retina Macbook.

  • Just joining in on the canon that this is incredibly fun, much more than I would've anticipated

  • I sometimes play this with people at work. Point at something in the office and guess the RGB.

  • For those that love this game (as I do) I recommend "I Love Hue" for mobile.

  • I LOVE this. I'll become RGBruceLee if I play this enough.

  • Love it, first one took 15 steps, second one took only 4!

  • 22) #5A7 (Splendid!)

  • Bug? #952 shows matching colour but scores only 94%.

    Android Chrome.

  • 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?

  • Is the guessing done in linear or sRGB space?

  • Randomly got from first attempt

  • This is a lot of fun :)

  • Only took me 18 guesses. Should've thought about ROYBGIV a bit before guessing.

  • isn't this HEX? RGB is usually 0-255 or 0 to 1

  • #f09 hurt.

  • Loved it !

  • hack pasword snapchat

  • snap hack paswordp

  • hack pasword

  • my eyes!

  • [dead]

  • [dead]

  • [dead]