I could look at 100 different Coca Cola logos and point out which has the right red, but trying to colour it myself is an impossible task. Even now I played the Coca Cola logo 3 times, even after seeing exactly the right colour I can't get it right on the selector (my score every time was between 73 and 77).
Anyway, actual feedback: For some reason some of the logos don't load, although checking the console I see the following errors so I assume it's server issues:
Failed to load resource: the server responded with a status of 500 (INTERNAL SERVER ERROR) http://brandseenapp.com/success?score=0&game=Basic&l...
Uncaught TypeError: Property 'width' of object #<HTMLImageElement> is not a function
Aware of the centering issue, looking into it thanks!
This to say I don't think it is an "impossible task".
EDIT: just got a friend (also not a designer, and with an (in my opinion) extremely bad taste in colors :-p) doing the test and he got 78% average, with 100% for Apple (he's not an Apple user) and Shell, 99% for Batman, 97% for Coca Cola, but 0% for Dropbox ^^.
So this confirms that it is far from impossible.
As for the errors, thanks! May I ask what OS/Browser you're using? I fixed the width error but the GET request is still being sent so I don't know why it's saying that, hmm....
I think a better way to present this would be to show a photograph which incorporated the logo (e.g. a Coca-Cola billboard in a city on a sunny day) with the grey logo, and then have the user color-correct the logo until it matched the perceptual reference of the context that it was in. The "coca cola red" in RGB values would not be pure red but I think the user would probably have a better chance of making it "look correct" in the photo (thus matching the color values in the original photograph) than trying to match it without any context. Would make a neat experiment, too.
Also keep in mind this was just built in 24 hours at a hackathon, tons of things we can and will do better! Thanks again!
Here are my results (and my very brief feedback follows):
Avg Score: 90%
The only one I seemed to really have a problem with is Shell. The red seemed way too vibrant/bright. The Apple one I think can throw people off because of Apple's love with a glossy, "transparent" look. My intuition told me it was a lot lighter, but then on second thought, I decided to go way darker, thinking of the logo as separate from what Apple puts on their actual products.
I'm using a cheap CRT monitor, by the way.
I found the Apple one the hardest.
Loved the game though. Quick, easy, worth a few minutes playing around.
Maybe cause starbucks is that that popular in Europe?
edit: just went through this again and the "mermaid" logo referred to is the Starbucks one. I never really thought about it being a mermaid before
Also, Shell is multi-national, even if it's based in Europe. There's tons of Shell gas stations around Canada.
I don't have much of a memory for color names, so was surprised at how well the human brain can remember colors even without a vocabulary to describe them. It really goes to show you that a good logo really does help sear the brand into your mind.
Don't let the complex versions put you down, the simplest formula is good enough, just Math.sqrt( Math.pow(L1-L2, 2) + Math.pow(a1-a2, 2) + Math.pow(b1-b2, 2) ).
PS: nice cats. And is Pi here on purpose ?
Everyone loves cats! And 3.14 is just an easter egg haha
PS: I vote for keeping the cats :D
I seem to misremember a lot of logos as having red in them, when they don't. Anyone else have this problem?
Cool stuff, mate, but seriously, you could get in trouble for that, especially if you're in America!
A lot of trademarks have rules and regulations about what can be done to them, that includes changing their color, using them without consent from the owner, etc...
I just thought I should warn you, I don't want fellow hackers to go to jail because of stupid laws.
Admittedly that was probably more luck than skill, though.