Mots-clés (noms usuels) pour définir les couleurs

regroupés par teintes

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)