This one is purely for fun. There was going to be a prize for this quiz, however I realize I have no way of knowing whether you cheat or not. But it’s worth giving it shot without viewing source or firing up and image editor.
If you’re like me, you start to know colors by their hex code, picking them out on TV, billboards, album covers, etc. Is Oprah’s dress in #360? No, it’s more of a #690… yes, definitely in the sixes
.
Match each color swatch to it’s web-safe hex code:
-
-
#333366 -
#069 -
#369
-
-
-
#630 -
#993333 -
#363
-
-
-
#ccc -
#999 -
#333
-
-
-
#999966 -
#9c6 -
#693
-
-
-
#963 -
#c60 -
#fc6
-
CSS3 For Web Designers Paperback + eBook A Book Apart
Bulletproof Web Design Third Edition New Riders 
Handcrafted CSS Book and DVD New Riders 
Web Standards Solutions Special Edition Friends of Ed 
Dribbble What are you working on? 
Instapaper Icon design
56 Comments
1. #069
2. #993333
3. #CCC
4. #9C6
5. #C60
That’s just from memory and guessing, I think that this shows me that I use #1 and #3 entirely too much in most of my design work.
I had nearly the same answers, but I’m gonna go with (C) for #5. #FF000 is red so I think an orange would be somewhat close to that.
Ok, let’s see. These are “educated” guesses, but I think I can get a few at least:
1. #369
2. #993333
3. #ccc
4. #9c6
5. #c60
I’m pretty sure about #1, #2 and #3.
B
B
A
C
C
You’re right about #1. It must be my non-color calibrated monitors.
The only colors that good at doing on the fly are the greys, and I can assure you that the third on here is #ccc.
Oh, come on. This is all just too sad. I mean… being able to tell the color by its hex code? Don’t you have a life outside the code? You all have fun. I’m gonna turn the light “color:#000;” puff up my pillows to “padding:100%” and go to bed “position:absolute;”
No no no…being able to tell the color from a hex code is relatively simple, provided you know that it’s of the form #RRGGBB. The difficult part is being able to guess the hex code from the color, without multiple choice options…
According to my eyesight it’s:
B – #069
A – #630
A – #ccc
B – #9c6
C – #fc6
according to my photoshop it’s:
A – #369
B – #993333 (or #933)
A – #ccc
B – #9c6
C – #fc6
Considering that I only “dapple” in web design I consider 3 of 5 to be decent enough
A. #369
B.
C. #ccc
D.
E. #fc6
B
B
A
no clue
no clue
I extensively use the first three codes on my own website, that’s the only reason why I know them so well.
C
C
B
C
C
C
A
A
B
C
Maybe?
Nice quiz :)
1-c
2-b
3-a
4-b
5-c
Easy, but fun! :-)
369,
993333,
ccc,
9c6,
fc6
not sure about the green, never used that before. :)
It was too easy to cheat on this one if you have XScope, and who doesn’t, right? So instead, here’s a link to some article about hex rgb values. I didn’t really read it but I sort of guessed it might be relevant because it showed up in a Google search, and Google knows everything.
The correct answers:
1. C (#369)
2. B (#993333)
3. A (#ccc)
4. B (#9c6)
5. C (#fc6)
Any Prizes?
1. c
2. a
3. a
4. b
5. c
Second one is probable wrong… The rest i know for sure. Nice quiz by the way.
Back in the days when I did more print design, I used to wish for the weather to be told in Pantone colours, perhaps now it should be Hex!
I’m just guessing here, but from my experience I think I may do alright. This is a fun one.
1. c
2. b
3. a
4. b
5. c
Unlike most of your previous editions of the SimpleQuiz, there’s a clear-cut correct answer to this one, which makes a change. Certainly not open to debate in the same way. Fun, nonetheless. (CBABC anyone?)
1-c, 2-b, 3-a, 4-b, 5-c
I cheated though. I checked my answers with this useful tool from Nattyware. Pixie
1. A.
2. A.
3. A.
4. C.
5. B.
Now I’m off to look at the source…
Bugger.
So I’m curious, why did you use the shorthand (3 chars) on some and the extended version (6 chars) on others?
I have to work on my yellow recognition. I can get all but the last; but yellow is non-intuitive to me.
4 out of 5: BBABC.
So, didn’t anyone just hit View Source? :)
1. A
2. B
3. A
4. B
5. C
I’m tempted to bring this up in Lynx and complain about the lack of colors… :-p
With Pixie always running in the top-right-hand corner of my monitor, I’m begining to forget color values. It’s akin to storing phone numbers in your phone, there’s no longer a need to remember them.
c, b, a, b, c
maybe the simple quiz was too simple this time around?
Wow,
thanks about that Pixie link, I haven’t heard about it, but it’s really awesome!
I always use the DigitalColor Meter which still ships with Mac OS X
#369
#993333
#999
#9c6
#fc6
Yeah, Pixie is running all the time for me too, so there’s no point in me even posting any of my answers.
I am rather amazed that people continue to give their guesses even though the correct answers have been posted several times. :-/
Do you ever do SimplePolls? A good one would be: What’s your favorite hex color to use (in web design/graphics/etc)?
Shouldn’t that be “its”, rather than “it’s” in “it’s web-safe hex code”?
Number 3 is definitely #ccc. I use way too much grey in my color schemes ;)
If you like guessing websafe colors, check out the (endless) JS version:
http://62.milov.nl/
It’s been around for ages and unfortunately does not work in Gecko-based browsers (Mozilla).
C, B, A, B, C.
I just check if my guess was right. Boy, I really surprised myself.
A
B
A
B
C
No cheating :)
I got 4/5 right.
If someone else thinks that PS is a bit too much for this task: use “Color set”. (Yes, there is no link, I’m sure you know how to use google.)
1. C
2. B (Wouldn’t write it that way though, considering that a trick question)
3. A
4. B
5. C
At the top of my head. Went into Fireworks to confirm it all though…
Next please?
My guess was
1.A
2.B
3.A
4.B
5.B
a look into the source confirmed 3 of 5
nice idea ;)
My original guess was A,B,A,B,C. (Darn that first one!)
1. C
2. B
3. A
4. B
5. C
I was curious and checked the view source. I love the fact that he used RGB Values in the source so you couldn’t cheat!
I’m not sure if this is a well read article? If not it should be, very well thought out. If anyone has any comments on it I’d love to hear them.
(http://hotwired.lycos.com/webmonkey/00/37/index2a.html?tw=design
in summary, there is also a different websafe pallette for 16 bit color so you need to use the color set that is the union of both. This leaves you with 22 colors :
(/webmonkey/00/37/stuff2a/complete_websafe_216/reallysafe_palette.html),
.. most of which are yellowy green with a couple of reds, a really dark blue and obviously white and black. I’d assume the number of people on 16bit color to be higher than those on 8 bit color (“High Color (16-bit) at about 56 percent; and 256-color users are at about 6 percent.” from article) and so perhaps we should be using that pallete. (http://www.webcolors.freeserve.co.uk/chooser.htm)
This is a side note, but I’ve moved away from using hex values for color, and now use rgb values in the CSS. It’s easier for me to create quick color schemes that way, but my question is this: is there a performance difference between the two methods? Or is it a personal preference issue? I don’t consider myself an expert and would like your collective expert opinions.
thanks,
Chris
1. c
2. b
3. a
4. b
5. c
kinda cheated but I did my best I only messed up on 5
(Plugin: FireFox Browser Plugin | ColorZilla)
Here I come, only one year late in the game… everybody else has left, of course, but as comments are still open, here’s my go:
c
b
a
b
c
(I confess that it’s only after looking at some of the other comments that I changed my mind on number five, after remembering the code of some orange used recently). Now, let me check… if I win, I do owe myself a coffee.
C
B
A
B
C
B
A
A
B
C