Voici une table des noms de couleurs supportés en CSS avec un aperçu et leur équivalence en notation hexadécimal et rgb, pareil pour leur négatif. Je fournis plus bas un tableau associatif en PHP ainsi qu'une version JSON pour ceux qui en ont l'utilité et n'ont pas envie de tout taper...
Nom | Aperçu couleur | Code hexadécimal | code RGB | Aperçu négatif | Code hexadécimal | code RGB |
---|---|---|---|---|---|---|
black | #000000 | rgb(0,0,0) | #ffffff | rgb(255,255,255) | ||
navy | #000080 | rgb(0,0,128) | #ffff7f | rgb(255,255,127) | ||
darkblue | #00008b | rgb(0,0,139) | #ffff74 | rgb(255,255,116) | ||
mediumblue | #0000cd | rgb(0,0,205) | #ffff32 | rgb(255,255,50) | ||
blue | #0000ff | rgb(0,0,255) | #ffff00 | rgb(255,255,0) | ||
darkgreen | #006400 | rgb(0,100,0) | #ff9bff | rgb(255,155,255) | ||
green | #008000 | rgb(0,128,0) | #ff7fff | rgb(255,127,255) | ||
teal | #008080 | rgb(0,128,128) | #ff7f7f | rgb(255,127,127) | ||
darkcyan | #008b8b | rgb(0,139,139) | #ff7474 | rgb(255,116,116) | ||
deepskyblue | #00bfff | rgb(0,191,255) | #ff4000 | rgb(255,64,0) | ||
darkturquoise | #00ced1 | rgb(0,206,209) | #ff312e | rgb(255,49,46) | ||
mediumspringgreen | #00fa9a | rgb(0,250,154) | #ff0565 | rgb(255,5,101) | ||
lime | #00ff00 | rgb(0,255,0) | #ff00ff | rgb(255,0,255) | ||
springgreen | #00ff7f | rgb(0,255,127) | #ff0080 | rgb(255,0,128) | ||
aqua | #00ffff | rgb(0,255,255) | #ff0000 | rgb(255,0,0) | ||
cyan | #00ffff | rgb(0,255,255) | #ff0000 | rgb(255,0,0) | ||
midnightblue | #191970 | rgb(25,25,112) | #e6e68f | rgb(230,230,143) | ||
dodgerblue | #1e90ff | rgb(30,144,255) | #e16f00 | rgb(225,111,0) | ||
lightseagreen | #20b2aa | rgb(32,178,170) | #df4d55 | rgb(223,77,85) | ||
forestgreen | #228b22 | rgb(34,139,34) | #dd74dd | rgb(221,116,221) | ||
seagreen | #2e8b57 | rgb(46,139,87) | #d174a8 | rgb(209,116,168) | ||
darkslategray | #2f4f4f | rgb(47,79,79) | #d0b0b0 | rgb(208,176,176) | ||
darkslategrey | #2f4f4f | rgb(47,79,79) | #d0b0b0 | rgb(208,176,176) | ||
limegreen | #32cd32 | rgb(50,205,50) | #cd32cd | rgb(205,50,205) | ||
mediumseagreen | #3cb371 | rgb(60,179,113) | #c34c8e | rgb(195,76,142) | ||
turquoise | #40e0d0 | rgb(64,224,208) | #bf1f2f | rgb(191,31,47) | ||
royalblue | #4169e1 | rgb(65,105,225) | #be961e | rgb(190,150,30) | ||
steelblue | #4682b4 | rgb(70,130,180) | #b97d4b | rgb(185,125,75) | ||
darkslateblue | #483d8b | rgb(72,61,139) | #b7c274 | rgb(183,194,116) | ||
mediumturquoise | #48d1cc | rgb(72,209,204) | #b72e33 | rgb(183,46,51) | ||
indigo | #4b0082 | rgb(75,0,130) | #b4ff7d | rgb(180,255,125) | ||
darkolivegreen | #556b2f | rgb(85,107,47) | #aa94d0 | rgb(170,148,208) | ||
cadetblue | #5f9ea0 | rgb(95,158,160) | #a0615f | rgb(160,97,95) | ||
cornflowerblue | #6495ed | rgb(100,149,237) | #9b6a12 | rgb(155,106,18) | ||
rebeccapurple | #663399 | rgb(102,51,153) | #99cc66 | rgb(153,204,102) | ||
mediumaquamarine | #66cdaa | rgb(102,205,170) | #993255 | rgb(153,50,85) | ||
dimgray | #696969 | rgb(105,105,105) | #969696 | rgb(150,150,150) | ||
dimgrey | #696969 | rgb(105,105,105) | #969696 | rgb(150,150,150) | ||
slateblue | #6a5acd | rgb(106,90,205) | #95a532 | rgb(149,165,50) | ||
olivedrab | #6b8e23 | rgb(107,142,35) | #9471dc | rgb(148,113,220) | ||
slategray | #708090 | rgb(112,128,144) | #8f7f6f | rgb(143,127,111) | ||
slategrey | #708090 | rgb(112,128,144) | #8f7f6f | rgb(143,127,111) | ||
lightslategray | #778899 | rgb(119,136,153) | #887766 | rgb(136,119,102) | ||
lightslategrey | #778899 | rgb(119,136,153) | #887766 | rgb(136,119,102) | ||
mediumslateblue | #7b68ee | rgb(123,104,238) | #849711 | rgb(132,151,17) | ||
lawngreen | #7cfc00 | rgb(124,252,0) | #8303ff | rgb(131,3,255) | ||
chartreuse | #7fff00 | rgb(127,255,0) | #8000ff | rgb(128,0,255) | ||
aquamarine | #7fffd4 | rgb(127,255,212) | #80002b | rgb(128,0,43) | ||
maroon | #800000 | rgb(128,0,0) | #7fffff | rgb(127,255,255) | ||
purple | #800080 | rgb(128,0,128) | #7fff7f | rgb(127,255,127) | ||
olive | #808000 | rgb(128,128,0) | #7f7fff | rgb(127,127,255) | ||
gray | #808080 | rgb(128,128,128) | #7f7f7f | rgb(127,127,127) | ||
grey | #808080 | rgb(128,128,128) | #7f7f7f | rgb(127,127,127) | ||
skyblue | #87ceeb | rgb(135,206,235) | #783114 | rgb(120,49,20) | ||
lightskyblue | #87cefa | rgb(135,206,250) | #783105 | rgb(120,49,5) | ||
blueviolet | #8a2be2 | rgb(138,43,226) | #75d41d | rgb(117,212,29) | ||
darkred | #8b0000 | rgb(139,0,0) | #74ffff | rgb(116,255,255) | ||
darkmagenta | #8b008b | rgb(139,0,139) | #74ff74 | rgb(116,255,116) | ||
saddlebrown | #8b4513 | rgb(139,69,19) | #74baec | rgb(116,186,236) | ||
darkseagreen | #8fbc8f | rgb(143,188,143) | #704370 | rgb(112,67,112) | ||
lightgreen | #90ee90 | rgb(144,238,144) | #6f116f | rgb(111,17,111) | ||
mediumpurple | #9370db | rgb(147,112,219) | #6c8f24 | rgb(108,143,36) | ||
darkviolet | #9400d3 | rgb(148,0,211) | #6bff2c | rgb(107,255,44) | ||
palegreen | #98fb98 | rgb(152,251,152) | #670467 | rgb(103,4,103) | ||
darkorchid | #9932cc | rgb(153,50,204) | #66cd33 | rgb(102,205,51) | ||
yellowgreen | #9acd32 | rgb(154,205,50) | #6532cd | rgb(101,50,205) | ||
sienna | #a0522d | rgb(160,82,45) | #5fadd2 | rgb(95,173,210) | ||
brown | #a52a2a | rgb(165,42,42) | #5ad5d5 | rgb(90,213,213) | ||
darkgray | #a9a9a9 | rgb(169,169,169) | #565656 | rgb(86,86,86) | ||
darkgrey | #a9a9a9 | rgb(169,169,169) | #565656 | rgb(86,86,86) | ||
lightblue | #add8e6 | rgb(173,216,230) | #522719 | rgb(82,39,25) | ||
greenyellow | #adff2f | rgb(173,255,47) | #5200d0 | rgb(82,0,208) | ||
paleturquoise | #afeeee | rgb(175,238,238) | #501111 | rgb(80,17,17) | ||
lightsteelblue | #b0c4de | rgb(176,196,222) | #4f3b21 | rgb(79,59,33) | ||
powderblue | #b0e0e6 | rgb(176,224,230) | #4f1f19 | rgb(79,31,25) | ||
firebrick | #b22222 | rgb(178,34,34) | #4ddddd | rgb(77,221,221) | ||
darkgoldenrod | #b8860b | rgb(184,134,11) | #4779f4 | rgb(71,121,244) | ||
mediumorchid | #ba55d3 | rgb(186,85,211) | #45aa2c | rgb(69,170,44) | ||
rosybrown | #bc8f8f | rgb(188,143,143) | #437070 | rgb(67,112,112) | ||
darkkhaki | #bdb76b | rgb(189,183,107) | #424894 | rgb(66,72,148) | ||
silver | #c0c0c0 | rgb(192,192,192) | #3f3f3f | rgb(63,63,63) | ||
mediumvioletred | #c71585 | rgb(199,21,133) | #38ea7a | rgb(56,234,122) | ||
indianred | #cd5c5c | rgb(205,92,92) | #32a3a3 | rgb(50,163,163) | ||
peru | #cd853f | rgb(205,133,63) | #327ac0 | rgb(50,122,192) | ||
chocolate | #d2691e | rgb(210,105,30) | #2d96e1 | rgb(45,150,225) | ||
tan | #d2b48c | rgb(210,180,140) | #2d4b73 | rgb(45,75,115) | ||
lightgray | #d3d3d3 | rgb(211,211,211) | #2c2c2c | rgb(44,44,44) | ||
lightgrey | #d3d3d3 | rgb(211,211,211) | #2c2c2c | rgb(44,44,44) | ||
thistle | #d8bfd8 | rgb(216,191,216) | #274027 | rgb(39,64,39) | ||
orchid | #da70d6 | rgb(218,112,214) | #258f29 | rgb(37,143,41) | ||
goldenrod | #daa520 | rgb(218,165,32) | #255adf | rgb(37,90,223) | ||
palevioletred | #db7093 | rgb(219,112,147) | #248f6c | rgb(36,143,108) | ||
crimson | #dc143c | rgb(220,20,60) | #23ebc3 | rgb(35,235,195) | ||
gainsboro | #dcdcdc | rgb(220,220,220) | #232323 | rgb(35,35,35) | ||
plum | #dda0dd | rgb(221,160,221) | #225f22 | rgb(34,95,34) | ||
burlywood | #deb887 | rgb(222,184,135) | #214778 | rgb(33,71,120) | ||
lightcyan | #e0ffff | rgb(224,255,255) | #1f0000 | rgb(31,0,0) | ||
lavender | #e6e6fa | rgb(230,230,250) | #191905 | rgb(25,25,5) | ||
darksalmon | #e9967a | rgb(233,150,122) | #166985 | rgb(22,105,133) | ||
violet | #ee82ee | rgb(238,130,238) | #117d11 | rgb(17,125,17) | ||
palegoldenrod | #eee8aa | rgb(238,232,170) | #111755 | rgb(17,23,85) | ||
lightcoral | #f08080 | rgb(240,128,128) | #0f7f7f | rgb(15,127,127) | ||
khaki | #f0e68c | rgb(240,230,140) | #0f1973 | rgb(15,25,115) | ||
aliceblue | #f0f8ff | rgb(240,248,255) | #0f0700 | rgb(15,7,0) | ||
honeydew | #f0fff0 | rgb(240,255,240) | #0f000f | rgb(15,0,15) | ||
azure | #f0ffff | rgb(240,255,255) | #0f0000 | rgb(15,0,0) | ||
sandybrown | #f4a460 | rgb(244,164,96) | #0b5b9f | rgb(11,91,159) | ||
wheat | #f5deb3 | rgb(245,222,179) | #0a214c | rgb(10,33,76) | ||
beige | #f5f5dc | rgb(245,245,220) | #0a0a23 | rgb(10,10,35) | ||
whitesmoke | #f5f5f5 | rgb(245,245,245) | #0a0a0a | rgb(10,10,10) | ||
mintcream | #f5fffa | rgb(245,255,250) | #0a0005 | rgb(10,0,5) | ||
ghostwhite | #f8f8ff | rgb(248,248,255) | #070700 | rgb(7,7,0) | ||
salmon | #fa8072 | rgb(250,128,114) | #057f8d | rgb(5,127,141) | ||
antiquewhite | #faebd7 | rgb(250,235,215) | #051428 | rgb(5,20,40) | ||
linen | #faf0e6 | rgb(250,240,230) | #050f19 | rgb(5,15,25) | ||
lightgoldenrodyellow | #fafad2 | rgb(250,250,210) | #05052d | rgb(5,5,45) | ||
oldlace | #fdf5e6 | rgb(253,245,230) | #020a19 | rgb(2,10,25) | ||
red | #ff0000 | rgb(255,0,0) | #00ffff | rgb(0,255,255) | ||
fuchsia | #ff00ff | rgb(255,0,255) | #00ff00 | rgb(0,255,0) | ||
magenta | #ff00ff | rgb(255,0,255) | #00ff00 | rgb(0,255,0) | ||
deeppink | #ff1493 | rgb(255,20,147) | #00eb6c | rgb(0,235,108) | ||
orangered | #ff4500 | rgb(255,69,0) | #00baff | rgb(0,186,255) | ||
tomato | #ff6347 | rgb(255,99,71) | #009cb8 | rgb(0,156,184) | ||
hotpink | #ff69b4 | rgb(255,105,180) | #00964b | rgb(0,150,75) | ||
coral | #ff7f50 | rgb(255,127,80) | #0080af | rgb(0,128,175) | ||
darkorange | #ff8c00 | rgb(255,140,0) | #0073ff | rgb(0,115,255) | ||
lightsalmon | #ffa07a | rgb(255,160,122) | #005f85 | rgb(0,95,133) | ||
orange | #ffa500 | rgb(255,165,0) | #005aff | rgb(0,90,255) | ||
lightpink | #ffb6c1 | rgb(255,182,193) | #00493e | rgb(0,73,62) | ||
pink | #ffc0cb | rgb(255,192,203) | #003f34 | rgb(0,63,52) | ||
gold | #ffd700 | rgb(255,215,0) | #0028ff | rgb(0,40,255) | ||
peachpuff | #ffdab9 | rgb(255,218,185) | #002546 | rgb(0,37,70) | ||
navajowhite | #ffdead | rgb(255,222,173) | #002152 | rgb(0,33,82) | ||
moccasin | #ffe4b5 | rgb(255,228,181) | #001b4a | rgb(0,27,74) | ||
bisque | #ffe4c4 | rgb(255,228,196) | #001b3b | rgb(0,27,59) | ||
mistyrose | #ffe4e1 | rgb(255,228,225) | #001b1e | rgb(0,27,30) | ||
blanchedalmond | #ffebcd | rgb(255,235,205) | #001432 | rgb(0,20,50) | ||
papayawhip | #ffefd5 | rgb(255,239,213) | #00102a | rgb(0,16,42) | ||
lavenderblush | #fff0f5 | rgb(255,240,245) | #000f0a | rgb(0,15,10) | ||
seashell | #fff5ee | rgb(255,245,238) | #000a11 | rgb(0,10,17) | ||
cornsilk | #fff8dc | rgb(255,248,220) | #000723 | rgb(0,7,35) | ||
lemonchiffon | #fffacd | rgb(255,250,205) | #000532 | rgb(0,5,50) | ||
floralwhite | #fffaf0 | rgb(255,250,240) | #00050f | rgb(0,5,15) | ||
snow | #fffafa | rgb(255,250,250) | #000505 | rgb(0,5,5) | ||
yellow | #ffff00 | rgb(255,255,0) | #0000ff | rgb(0,0,255) | ||
lightyellow | #ffffe0 | rgb(255,255,224) | #00001f | rgb(0,0,31) | ||
ivory | #fffff0 | rgb(255,255,240) | #00000f | rgb(0,0,15) | ||
white | #ffffff | rgb(255,255,255) | #000000 | rgb(0,0,0) |