SimpleQuiz › Part XIV: Hex Challenge

A notebook entry published on April 7, 2004

12:31 AM

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:

  1.  
    1. #333366
    2. #069
    3. #369
  2.  
    1. #630
    2. #993333
    3. #363
  3.  
    1. #ccc
    2. #999
    3. #333
  4.  
    1. #999966
    2. #9c6
    3. #693
  5.  
    1. #963
    2. #c60
    3. #fc6

Tags

56 Comments

icon

Michael Nutt → nuttnet.net

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.

icon

Henning Seljenes

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.

icon

Keith → www.7nights.com/asterisk/

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.

icon

Michael Nutt → nuttnet.net

You’re right about #1. It must be my non-color calibrated monitors.

icon

Mike → phark.typepad.com

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.

icon

soxiam → www.soxiam.com/

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;”

icon

Michael Nutt → nuttnet.net

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…

icon

Jonas → www.jonas.rabbe.com

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

icon

Bejoy

A. #369
B.
C. #ccc
D.
E. #fc6

icon

François Briatte → phnk.com

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.

icon

Dan

C
A
A
B
C

Maybe?

Nice quiz :)

icon

Már Örlygsson → mar.anomy.net/

1-c
2-b
3-a
4-b
5-c

Easy, but fun! :-)

icon

Abhi → www.duelcom.com/malani/

369,
993333,
ccc,
9c6,
fc6

not sure about the green, never used that before. :)

icon

Danny Vegas → hivelogic.com/

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.

icon

Nirav

The correct answers:
1. C (#369)
2. B (#993333)
3. A (#ccc)
4. B (#9c6)
5. C (#fc6)

Any Prizes?

icon

Timon → home.nedlinux.nl/~timon/

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.

icon

Richard Earney → lostobjects.typepad.com

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!

icon

Keith Hall → www.phatbuddha.com

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

icon

Andrew → www.mooncalf.me.uk

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

icon

Chris → rollthenine.com

1-c, 2-b, 3-a, 4-b, 5-c
I cheated though. I checked my answers with this useful tool from Nattyware. Pixie

icon

Conan → www.conans.co.uk

1. A.
2. A.
3. A.
4. C.
5. B.

Now I’m off to look at the source…

icon

James Craig → cookiecrook.com/

So I’m curious, why did you use the shorthand (3 chars) on some and the extended version (6 chars) on others?

icon

Eric → www.arkitrave.com/log

I have to work on my yellow recognition. I can get all but the last; but yellow is non-intuitive to me.

icon

monkeyinabox → www.monkeyinabox.net

So, didn’t anyone just hit View Source? :)

icon

Paul Smith

1. A
2. B
3. A
4. B
5. C

icon

ceejayoz → www.ceejayoz.com/

I’m tempted to bring this up in Lynx and complain about the lack of colors… :-p

icon

Jason Pearce → jason.pearce.net/

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.

icon

Nick Finck → www.digital-web.com

c, b, a, b, c

maybe the simple quiz was too simple this time around?

icon

dusoft → www.ambience.sk

Wow,

thanks about that Pixie link, I haven’t heard about it, but it’s really awesome!

icon

lars

I always use the DigitalColor Meter which still ships with Mac OS X

icon

Jesse Gavin → nontalk.com/

#369
#993333
#999
#9c6
#fc6

icon

Hans → sidulus.firewebx.com

Yeah, Pixie is running all the time for me too, so there’s no point in me even posting any of my answers.

icon

Jeff Minard → www.creatimation.net/

I am rather amazed that people continue to give their guesses even though the correct answers have been posted several times. :-/

icon

Brett Epps → www.brettia.com

Do you ever do SimplePolls? A good one would be: What’s your favorite hex color to use (in web design/graphics/etc)?

icon

Anonymous

Shouldn’t that be “its”, rather than “it’s” in “it’s web-safe hex code”?

icon

Alex H.

Number 3 is definitely #ccc. I use way too much grey in my color schemes ;)

icon

arjenvr → arjenvr.nl/

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

icon

Sean → w3csites.com

C, B, A, B, C.

icon

Sean → w3csites.com

I just check if my guess was right. Boy, I really surprised myself.

icon

Matt Warren → www.aeffective.com

A
B
A
B
C

No cheating :)

icon

Tim Hell

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

icon

Fredrik

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?

icon

Corryn

My guess was

1.A
2.B
3.A
4.B
5.B

a look into the source confirmed 3 of 5

nice idea ;)

icon

Anonymous

My original guess was A,B,A,B,C. (Darn that first one!)

icon

Andrew Stewart → www.dewy.uni.cc

1. C
2. B
3. A
4. B
5. C

icon

Ed Hidden → www.keystonebiking.com

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!

icon

Tim Parkin → www.pollenation.net

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)

icon

Chris

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

icon

L-Mo

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)

icon

Andrea

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.

icon

Kondiiter

C
B
A
B
C

icon

mairo

B
A
A
B
C

Comments have been closed for this entry.


Ad via The Deck

Authentic Jobs

Come on in, we're hiring



A tiny web design studio founded by designer and author Dan Cederholm. We deliver hand-crafted pixels & text from Massachusetts, USA. Learn more

Elsewhere