Aussi en liste alphabétique ou en Tableau SVG du W3C
Échantillons | Noms usuels | Codes en rgb |
⇓ Cycle « clair » ⇓ | ||
white | rgb(255,255,255) | |
ivory | rgb(255,255,240) | |
snow | rgb(255,250,250) | |
ghostwhite | rgb(248,248,255) | |
mintcream | rgb(245,255,250) | |
whitesmoke | rgb(245,245,245) | |
floralwhite | rgb(255,250,240) | |
oldlace | rgb(253,245,230) | |
mistyrose | rgb(255,228,225) | |
bisque | rgb(255,228,196) | |
moccasin | rgb(255,228,181) | |
navajowhite | rgb(255,222,173) | |
peachpuff | rgb(255,218,185) | |
wheat | rgb(245,222,179) | |
palegoldenrod | rgb(238,232,170) | |
lemonchiffon | rgb(255,250,205) | |
lightgoldenrodyellow | rgb(250,250,210) | |
beige | rgb(245,245,220) | |
lightyellow | rgb(255,255,224) | |
cornsilk | rgb(255,248,220) | |
linen | rgb(250,240,230) | |
antiquewhite | rgb(250,235,215) | |
papayawhip | rgb(255,239,213) | |
blanchedalmond | rgb(255,235,205) | |
azure | rgb(240,255,255) | |
lightcyan | rgb(224,255,255) | |
honeydew | rgb(240,255,240) | |
lavender | rgb(230,230,250) | |
aliceblue | rgb(240,248,255) | |
seashell | rgb(255,245,238) | |
lavenderblush | rgb(255,240,245) | |
⇓ Cycle « Moyen » ⇓ | ||
pink | rgb(255,192,203) | |
lightpink | rgb(255,182,193) | |
lightcoral | rgb(240,128,128) | |
indianred | rgb(205,92,92) | |
darksalmon | rgb(233,150,122) | |
tan | rgb(210,180,140) | |
burlywood | rgb(222,184,135) | |
darkkhaki | rgb(189,183,107) | |
khaki | rgb(240,230,140) | |
palegreen | rgb(152,251,152) | |
darkseagreen | rgb(143,188,143) | |
mediumaquamarine | rgb(102,205,170) | |
mediumturquoise | rgb(72,209,204) | |
turquoise | rgb(64,224,208) | |
aquamarine | rgb(127,255,212) | |
lightskyblue | rgb(135,206,250) | |
powderblue | rgb(176,224,230) | |
paleturquoise | rgb(175,238,238) | |
lightblue | rgb(173,216,230) | |
lightsteelblue | rgb(176,196,222) | |
thistle | rgb(216,191,216) | |
plum | rgb(221,160,221) | |
palevioletred | rgb(219,112,147) | |
⇓ Cycle « Peu foncé » ⇓ | ||
hotpink | rgb(255,105,180) | |
rosybrown | rgb(188,143,143) | |
sandybrown | rgb(244,164,96) | |
salmon | rgb(250,128,114) | |
coral | rgb(255,127,80) | |
peru | rgb(205,133,63) | |
darkgoldenrod | rgb(184,134,11) | |
chocolate | rgb(210,105,30) | |
darkorange | rgb(255,140,0) | |
orange | rgb(255,165,0) | |
goldenrod | rgb(218,165,32) | |
yellowgreen | rgb(154,205,50) | |
greenyellow | rgb(173,255,47) | |
chartreuse | rgb(127,255,0) | |
lawngreen | rgb(124,252,0) | |
lightgreen | rgb(144,238,144) | |
mediumspringgreen | rgb(0,250,154) | |
springgreen | rgb(0,255,127) | |
cyan | rgb(0,255,255) | |
aqua | rgb(0,255,255) | |
darkturquoise | rgb(0,206,209) | |
lightseagreen | rgb(32,178,170) | |
cadetblue | rgb(95,158,160) | |
steelblue | rgb(70,130,180) | |
cornflowerblue | rgb(100,149,237) | |
slateblue | rgb(106,90,205) | |
mediumslateblue | rgb(123,104,238) | |
mediumpurple | rgb(147,112,219) | |
darkorchid | rgb(153,50,204) | |
blueviolet | rgb(138,43,226) | |
darkviolet | rgb(148,0,211) | |
mediumorchid | rgb(186,85,211) | |
orchid | rgb(218,112,214) | |
violet | rgb(238,130,238) |
Les couleurs RGB primaires (Red, Green, Blue) et secondaires —créées par addition des 2 voisines— (Yellow, Cyan, Magenta) sont groupées en une spirale centrifuge vers la gauche (en 5 cycles) : Clair, Moyen, Peu foncé, Foncé + Gris
Le but est pragmatique uniquement, à savoir grouper les noms usuels et leur code RGB par zones de plus en plus foncées.
Par exemple, vous voulez un arrière-plan « blanc cassé » : les tons clairs vous les présentent avec des colorations tirant vers le jaune, le vert, le rosé, …
Actuellement, les noms usuels sont étendus de 17 à ± 138. « ± » car il y a quelques doublons ; par exemple, cyan et aqua ont le même codage, de même fuchsia et magenta, … Notez aussi que tous les termes utilisant gray (graphie américaine) fonctionnent aussi avec grey (graphie anglaise) : par exemple, lightgray peut s'écrire lightgrey, …
Ex. de codage, dans la liste ci-contre, pour les titres des cycles :
background-color: navajowhite;
text-align: center;
color: fuchsia;
font-weight: bold;
font-variant: small-caps;
Actuellement [en août 2009], ce codage par noms usuels fonctionne bien avec les navigateurs Safari 4.0, Firefox 3.5 et Opera 10. Bien entendu, le but est de présenter de manière commode des teintes nombreuses qui peuvent aussi utiliser le codage rgb. Aspect pratique : vous utilisez les noms usuels pour donner rapidement des teintes intéressantes à votre mise en page et les remplacer, à la fin de votre travail, par le code rgb, ou, même, les modifier légérement, par petites touches, dans le code rgb, pour affiner vos couleurs de départ.
Échantillons | Noms usuels | Codes en rgb |
⇓ Cycle « Foncé » ⇓ | ||
red | rgb(255,0,0) | |
crimson | rgb(220,20,60) | |
firebrick | rgb(178,34,34) | |
brown | rgb(165,42,42) | |
darkred | rgb(139,0,0) | |
maroon | rgb(128,0,0) | |
saddlebrown | rgb(139,69,19) | |
sienna | rgb(160,82,45) | |
orangered | rgb(255,69,0) | |
tomato | rgb(255,99,71) | |
lightsalmon | rgb(255,160,122) | |
gold | rgb(255,215,0) | |
yellow | rgb(255,255,0) | |
olive | rgb(128,128,0) | |
darkolivegreen | rgb(85,107,47) | |
olivedrab | rgb(107,142,35) | |
limegreen | rgb(50,205,50) | |
lime | rgb(0,255,0) | |
mediumseagreen | rgb(60,179,113) | |
seagreen | rgb(46,139,87) | |
forestgreen | rgb(34,139,34) | |
green | rgb(0,128,0) | |
darkgreen | rgb(0,100,0) | |
darkslategray | rgb(47,79,79) | |
darkcyan | rgb(0,139,139) | |
teal | rgb(0,128,128) | |
deepskyblue | rgb(0,191,255) | |
dodgerblue | rgb(30,144,255) | |
royalblue | rgb(65,105,225) | |
blue | rgb(0,0,255) | |
mediumblue | rgb(0,0,205) | |
darkblue | rgb(0,0,139) | |
navy | rgb(0,0,128) | |
midnightblue | rgb(25,25,112) | |
darkslateblue | rgb(72,61,139) | |
indigo | rgb(75,0,130) | |
purple | rgb(128,0,128) | |
darkmagenta | rgb(139,0,139) | |
mediumvioletred | rgb(199,21,133) | |
deeppink | rgb(255,20,147) | |
fuchsia | rgb(255,0,255) | |
magenta | rgb(255,0,255) | |
⇓ Cycle « Gris » ⇓ | ||
gainsboro | rgb(220,220,220) | |
lightgray | rgb(211,211,211) | |
silver | rgb(192,192,192) | |
darkgray | rgb(169,169,169) | |
lightslategray | rgb(119,136,153) | |
slategray | rgb(112,128,144) | |
gray | rgb(128,128,128) | |
dimgray | rgb(105,105,105) | |
black | rgb(0,0,0) |