CSSColors - doctype - Google Code - List of CSS color keywords

Updated May 18, 2008 by matt3o
Labels:	about-css

CSSColors

List of CSS color keywords

Español

Color name	Hex rgb	Test
aliceblue	`#f0f8ff`	test
antiquewhite	`#faebd7`	test
aqua	`#00ffff`	test
aquamarine	`#7fffd4`	test
azure	`#f0ffff`	test
beige	`#f5f5dc`	test
bisque	`#ffe4c4`	test
black	`#000000`	test
blanchedalmond	`#ffebcd`	test
blue	`#0000ff`	test
blueviolet	`#8a2be2`	test
brown	`#a52a2a`	test
burlywood	`#deb887`	test
cadetblue	`#5f9ea0`	test
chartreuse	`#7fff00`	test
chocolate	`#d2691e`	test
coral	`#ff7f50`	test
cornflowerblue	`#6495ed`	test
cornsilk	`#fff8dc`	test
crimson	`#dc143c`	test
cyan	`#00ffff`	test
darkblue	`#00008b`	test
darkcyan	`#008b8b`	test
darkgoldenrod	`#b8860b`	test
darkgray	`#a9a9a9`	test
darkgreen	`#006400`	test
darkgrey	`#a9a9a9`	test
darkkhaki	`#bdb76b`	test
darkmagenta	`#8b008b`	test
darkolivegreen	`#556b2f`	test
darkorange	`#ff8c00`	test
darkorchid	`#9932cc`	test
darkred	`#8b0000`	test
darksalmon	`#e9967a`	test
darkseagreen	`#8fbc8f`	test
darkslateblue	`#483d8b`	test
darkslategray	`#2f4f4f`	test
darkslategrey	`#2f4f4f`	test
darkturquoise	`#00ced1`	test
darkviolet	`#9400d3`	test
deeppink	`#ff1493`	test
deepskyblue	`#00bfff`	test
dimgray	`#696969`	test
dimgrey	`#696969`	test
dodgerblue	`#1e90ff`	test
firebrick	`#b22222`	test
floralwhite	`#fffaf0`	test
forestgreen	`#228b22`	test
fuchsia	`#ff00ff`	test
gainsboro	`#dcdcdc`	test
ghostwhite	`#f8f8ff`	test
gold	`#ffd700`	test
goldenrod	`#daa520`	test
gray	`#808080`	test
green	`#008000`	test
greenyellow	`#adff2f`	test
grey	`#808080`	test
honeydew	`#f0fff0`	test
hotpink	`#ff69b4`	test
indianred	`#cd5c5c`	test
indigo	`#4b0082`	test
ivory	`#fffff0`	test
khaki	`#f0e68c`	test
lavender	`#e6e6fa`	test
lavenderblush	`#fff0f5`	test
lawngreen	`#7cfc00`	test
lemonchiffon	`#fffacd`	test
lightblue	`#add8e6`	test
lightcoral	`#f08080`	test
lightcyan	`#e0ffff`	test
lightgoldenrodyellow	`#fafad2`	test
lightgray	`#d3d3d3`	test
lightgreen	`#90ee90`	test
lightgrey	`#d3d3d3`	test
lightpink	`#ffb6c1`	test
lightsalmon	`#ffa07a`	test
lightseagreen	`#20b2aa`	test
lightskyblue	`#87cefa`	test
lightslategray	`#778899`	test
lightslategrey	`#778899`	test
lightsteelblue	`#b0c4de`	test
lightyellow	`#ffffe0`	test
lime	`#00ff00`	test
limegreen	`#32cd32`	test
linen	`#faf0e6`	test
magenta	`#ff00ff`	test
maroon	`#800000`	test
mediumaquamarine	`#66cdaa`	test
mediumblue	`#0000cd`	test
mediumorchid	`#ba55d3`	test
mediumpurple	`#9370db`	test
mediumseagreen	`#3cb371`	test
mediumslateblue	`#7b68ee`	test
mediumspringgreen	`#00fa9a`	test
mediumturquoise	`#48d1cc`	test
mediumvioletred	`#c71585`	test
midnightblue	`#191970`	test
mintcream	`#f5fffa`	test
mistyrose	`#ffe4e1`	test
moccasin	`#ffe4b5`	test
navajowhite	`#ffdead`	test
navy	`#000080`	test
oldlace	`#fdf5e6`	test
olive	`#808000`	test
olivedrab	`#6b8e23`	test
orange	`#ffa500`	test
orangered	`#ff4500`	test
orchid	`#da70d6`	test
palegoldenrod	`#eee8aa`	test
palegreen	`#98fb98`	test
paleturquoise	`#afeeee`	test
palevioletred	`#db7093`	test
papayawhip	`#ffefd5`	test
peachpuff	`#ffdab9`	test
peru	`#cd853f`	test
pink	`#ffc0cb`	test
plum	`#dda0dd`	test
powderblue	`#b0e0e6`	test
purple	`#800080`	test
red	`#ff0000`	test
rosybrown	`#bc8f8f`	test
royalblue	`#4169e1`	test
saddlebrown	`#8b4513`	test
salmon	`#fa8072`	test
sandybrown	`#f4a460`	test
seagreen	`#2e8b57`	test
seashell	`#fff5ee`	test
sienna	`#a0522d`	test
silver	`#c0c0c0`	test
skyblue	`#87ceeb`	test
slateblue	`#6a5acd`	test
slategray	`#708090`	test
slategrey	`#708090`	test
snow	`#fffafa`	test
springgreen	`#00ff7f`	test
steelblue	`#4682b4`	test
tan	`#d2b48c`	test
teal	`#008080`	test
thistle	`#d8bfd8`	test
tomato	`#ff6347`	test
turquoise	`#40e0d0`	test
violet	`#ee82ee`	test
wheat	`#f5deb3`	test
white	`#ffffff`	test
whitesmoke	`#f5f5f5`	test
yellow	`#ffff00`	test
yellowgreen	`#9acd32`	test

Comment by geneerinen, May 14, 2008

Would be more usefull if the colors were listed in a table with the columns of "name", "#RRGGBB", "supported in".

Comment by davidtapper, May 15, 2008

...and also display a square of the colour too.

Comment by LeonidShevtsov, May 16, 2008

...yes, the section is really incomprehensible without color samples

Comment by ircrack, May 19, 2008

geneerinen, may be if it would be rgb(xxx, xxx, xxx) but it is not difficult to translate one to another...

geneerinen, quizas si fuera rgb(xxx, xxx, xxx) pero no es dificil traducirlo de uno a otro...

Comment by atymes, May 20, 2008

If only the wiki supported custom CSS tags or HTML markup. A column for the color name, a column for the by-color-name sample, a column for the #RRGGBB value, a column for the by-#RRGGBB sample, and then finish that color's row in the table with browser compatibility info.