B00K

Guess the CSS colours

When you've made your guess, hover over the squares to reveal their names and hex codes.

grey, lightgrey, darkgrey, silver

grey
#808080

darkgrey
#a9a9a9

silver
#c0c0c0

lightgrey
#d3d3d3

ghostwhite, aliceblue, azure, snow

azure
#f0ffff

ghostwhite
#f8f8ff

aliceblue
f0f8ff

snow
#fffafa

seagreen, darkseagreen, mediumseagreen, lightseagreen

darkseagreen
#8fbc8f

seagreen
#2e8b57

mediumseagreen
#3cb371

lightseagreen
#20b2aa

indigo, navy, midnightblue, darkblue

midnightblue
#191970

navy
#000080

indigo
#4b0082

darkblue
#00008b

Click here for spoilers/discussion

The colours used on the web used to be a simpler list, but when the X11 colours were merged into the list there were some conflicts, which is why the default CSS grey doesn't lie between light and dark grey.

I included a line of pale colours because I always wonder how often colours like these actually get used. I can't say I've ever had a use for these, especially when colour selecting a custom hex code is so easy.

I have no idea why the sea greens are like that. It seems like an X11-CSS merge issue but I don't have a good source for it (not that I searched super hard).

Indigo is purple on the web because the references for the X11 colours were Crayola crayons and children's paints. This also had the side effect of there being a bunch of strange CSS names like peachpuff.