Noms de Couleur
Outre les noms de couleurs bien connus tels que bleu, jaune, vert, rouge, noir et blanc, il existe d’autres noms moins connus qui sont utilisés, par exemple dans les descriptions de produits, dans la publicité ou l’industrie du vêtement. L’avantage de ces définitions de couleurs est que vous n’avez pas à mémoriser les noms de couleurs numériques peu pratiques et difficiles à mémoriser.
Dans ce qui suit, nous aimerions voir divers systèmes pour nommer des couleurs. Nous commençons d'abord avec les 16 couleurs des premiers normes HTML respectivement VGA, puis regardons les 140 couleurs définies dans la spécification CSS 3. Viennent ensuite d'autres listes de couleurs issues du contexte des langages de programmation et des palettes de couleurs du système, ainsi qu'une liste des Media Color Names spécifiés par le Printer Working Group:
- HTML et VGA Basic Color Keywords
- CSS 3 Extended Color Keywords
- Termes de Couleurs de divers Langages de Programmation
- Palettes de Couleurs Système
- Media Color Names du Printer Working Group
HTML et VGA Basic Color Keywords
Les 16 définitions de couleurs suivantes sont les premiers noms de couleurs pouvant être utilisés dans les documents HTML. Cela signifie que les noms de couleurs anglais peuvent être utilisés de manière interchangeable dans les documents HTML et les feuilles de style CSS au lieu de leur notation hexadécimale (colonne HEX) pour l'attribution des couleurs.
Anglais | Allemand | Espagnol | Français | HEX | RGB | RGB | RGB | |
Black | Schwarz | Negro | Noir | #000000 | 0 | 0 | 0 | |
Gray | Grau | Gris | Gris | #808080 | 128 | 128 | 128 | |
Silver | Silber | Plata | Argent | #C0C0C0 | 192 | 192 | 192 | |
White | Weiß | Blanco | Blanc | #FFFFFF | 255 | 255 | 255 | |
Navy | Marineblau | Azul Marino | Bleu Marine | #000080 | 0 | 0 | 128 | |
Blue | Blau | Azul | Bleu | #0000FF | 0 | 0 | 255 | |
Teal | Krickentengrün | Verde Azulado | Sarcelle | #008080 | 0 | 128 | 128 | |
Aqua | Wasser | Agua / Cian | Aqua / Cyan | #00FFFF | 0 | 255 | 255 | |
Green | Grün | Verde | Vert | #008000 | 0 | 128 | 0 | |
Lime | Limone | Lima | Vert Citron | #00FF00 | 0 | 255 | 0 | |
Maroon | Kastanie | Granate | Marron / Bordeaux | #800000 | 128 | 0 | 0 | |
Red | Rot | Rojo | Rouge | #FF0000 | 255 | 0 | 0 | |
Purple | Purpur | Púrpura | Pourpre / Violet | #800080 | 128 | 0 | 128 | |
Fuchsia | Fuchsia | Fucsia / Magenta | Fuchsia / Magenta | #FF00FF | 255 | 0 | 255 | |
Olive | Olivgrün | Verde Oliva | Jaune Olive | #808000 | 128 | 128 | 0 | |
Yellow | Gelb | Amarillo | Jaune | #FFFF00 | 255 | 255 | 0 | |
À l'origine, ces 16 couleurs étaient définies dans la Microsoft Windows Default 16-Color Palette, utilisée par exemple pour les icônes à 16 couleurs ou pour le mode texte VGA (plus d'informations à ce sujet dans la section sur les palettes de couleurs du système). Pendant longtemps, également Microsoft Paint nous a rappelé cette sélection de couleurs, car la palette de couleurs Paint prédéfinissait ces couleurs comme premières suggestions jusqu'à Windows XP.
La spécification CSS1 de 1996 ne contenait pas encore de définitions pour ces couleurs via leurs valeurs RVB (citation: "their RGB values are not defined in this specification") mais faisait simplement référence à la "Windows VGA palette" et étiqueté les noms de couleurs comme un "suggested list of keyword color names". Cependant, la spécification HTML 3.2 publiée peu de temps après, début 1997, contenait une liste complète de ces noms de couleurs, y compris les codes RVB et les champs de couleur dans la section 6.5 ("Colors"). Cette liste a été répétée dans la spécification HTML 4.01 en 1999. La spécification CSS2 de 2011 contenait également finalement une liste complète de ces noms dans la section 4.3.6, y compris leurs définitions via les valeurs RVB également évoquées ici. La spécification CSS3 actuelle répertorie toujours ces 16 noms sous le nom "Basic Color Keywords", les séparant ainsi des "Extended Color Keywords", que nous examinerons dans la section suivante de cet article.
Les traductions (que l'on retrouve dans les colonnes "Allemand", "Espagnol" et "Français") des noms de couleurs anglais (colonne "Anglais") sont uniquement à titre informatif. Seuls les noms de couleurs anglais peuvent être utilisés dans les documents HTML, mais peu importe qu'ils soient écrits en majuscules ou en minuscules.
CSS 3 Extended Color Keywords
Avec l'introduction du standard CSS 3, la palette de couleurs a également été considérablement élargie. Désormais, les 140 couleurs suivantes (là encore uniquement les noms anglais) peuvent également être utilisées dans les Cascading Style Sheets en alternative à leur notation hexadécimale. De plus, avec ces noms, encore une fois, l’écriture majuscule et minuscule n’a pas d’importance.
Les 16 couleurs de l'ancienne norme HTML 3.2 / CSS 2 respectivement VGA ont été adoptées et sont également incluses dans la nouvelle norme CSS 3 avec leurs mêmes noms, de sorte que cette extension de couleur est entièrement rétrocompatible. Dans le CSS Color Module Level 3, l'ancienne palette de couleurs se trouve dans la section 4.1 sous le nom "Basic Color Keywords", tandis que les nouveaux noms de couleurs sont définis dans la section 4.3 sous le nom "Extended Color Keywords". Cependant, les Extended Color Keywords contiennent également à nouveau les 16 anciens noms de couleurs.
Anglais | Allemand | Espagnol | Français | HEX | RGB | RGB | RGB | |
AliceBlue | Eisfarben | Azul Alicia | Bleu Alicia | #F0F8FF | 240 | 248 | 255 | |
AntiqueWhite | Antikweiß | Blanco Antigua | Vieux Blanc | #FAEBD7 | 250 | 235 | 215 | |
Aqua (=Cyan) | Wasser | Agua / Cian | Aqua / Cyan | #00FFFF | 0 | 255 | 255 | |
Aquamarine | Aquamarinblau | Aguamarina | Aigue-Marine | #7FFFD4 | 127 | 255 | 212 | |
Azure | Himmelblau | Azul Cielo | Bleu Ciel | #F0FFFF | 240 | 255 | 255 | |
Beige | Beige | Beige | Beige | #F5F5DC | 245 | 245 | 220 | |
Bisque | Biskuit | Bisque | Bisque | #FFE4C4 | 255 | 228 | 196 | |
Black | Schwarz | Negro | Noir | #000000 | 0 | 0 | 0 | |
Blanchedal- mond | Mandelweiß | Almendra Pálido | Amande Pâle | #FFEBCD | 255 | 235 | 205 | |
Blue | Blau | Azul | Bleu | #0000FF | 0 | 0 | 255 | |
Blueviolet | Blauviolett | Violeta Azul | Bleu Violet | #8A2BE2 | 138 | 43 | 226 | |
Brown | Braun | Marrón | Marron | #A52A2A | 165 | 42 | 42 | |
Burlywood | Gelbbraun | Madera | Bois | #DEB887 | 222 | 184 | 135 | |
CadetBlue | Kadettenblau | Azul Cadete |
Bleu Cadet | #5F9EA0 | 95 | 158 | 160 | |
Chartreuse | Hellgrün | Chartreuse | Chartreuse | #7FFF00 | 127 | 255 | 0 | |
Chocolate | Schokolade | Chocolate | Chocolat | #D2691E | 210 | 105 | 30 | |
Coral | Koralle | Coral | Corail | #FF7F50 | 255 | 127 | 80 | |
CornflowerBlue | Kornblumenblau | Azul Aciano | Bleuet | #6495ED | 100 | 149 | 237 | |
Cornsilk | Mais | Maíz | Corn | #FFF8DC | 255 | 248 | 220 | |
Crimson | Karmesinrot | Carmesi | Cramoisi | #DC143C | 220 | 20 | 60 | |
Cyan (=Aqua) | Türkis | Agua / Cian | Aqua / Cyan | #00FFFF | 0 | 255 | 255 | |
DarkBlue | Dunkelblau | Azul Oscuro | Bleu Foncé | #00008B | 0 | 0 | 139 | |
DarkCyan | Dunkeltürkis | Turquesa Oscuro | Turquoise Foncé | #008B8B | 0 | 139 | 139 | |
DarkGoldenrod | Dunkle Goldrutenfarbe | Vara de Oro Oscura | Verge d'or Sombre | #B8860B | 184 | 134 | 11 | |
DarkGreen | Dunkelgrün | Verde Oscuro | Vert Foncé | #006400 | 0 | 100 | 0 | |
DarkGray | Dunkelgrau | Gris Oscuro | Gris Foncé | #A9A9A9 | 169 | 169 | 169 | |
DarkKhaki | Dunkelkhaki | Caqui Oscuro |
Kaki Foncé | #BDB76B | 189 | 183 | 107 | |
DarkMagenta | Dunkelmagenta | Magenta Oscura | Magenta Foncé |
#8B008B | 139 | 0 | 139 | |
DarkOliveGreen | Dunkles Olivgrün | Verde Oliva Oscuro | Vert Olive Foncé | #556B2F | 85 | 107 | 47 | |
DarkOrange | Dunkles Orange | Naranja Oscura | Orange Foncé | #FF8C00 | 255 | 140 | 0 | |
DarkOrchid | Dunkle Orchidee | Orquidea Oscura | Orchidée Noire | #9932CC | 153 | 50 | 204 | |
DarkRed | Dunkelrot | Rojo Oscura |
Rouge Noire |
#8B0000 | 139 | 0 | 0 | |
DarkSalmon | Dunkle Lachsfarbe | Salmón Oscuro | Saumon Foncé | #E9967A | 233 | 150 | 122 | |
DarkSeaGreen | Dunkles Seegrün | Oscuro mar Verde | Mer Vert foncé | #8FBC8F | 143 | 188 | 143 | |
DarkSlateBlue | Dunkles Schieferblau | Azul Pizarra Oscuro | Bleu Ardoise Foncé | #483D8B | 72 | 61 | 139 | |
DarkSlateYellow | Dunkles Schiefergrau | Gris Pizarra Oscuro | Gris Ardoise Foncé | #2F4F4F | 47 | 79 | 79 | |
DarkTurquoise | Dunkeltürkis | Turquesa Oscuro | Turquoise Foncé | #00CED1 | 0 | 206 | 209 | |
DarkViolet | Dunkelvilolett | Púrpura Oscuro | Violet Foncé | #9400D3 | 148 | 0 | 211 | |
DeepPink | Tiefrosa | Rosa Profundo | Rose Profond | #FF1493 | 255 | 20 | 147 | |
DeepSkyBlue | Tiefes Himmelblau | Cielo Azul Profundo | Bleu Ciel Profond | #00BFFF | 0 | 191 | 255 | |
DimGray | Trübes Grau | Gris Nublado | Gris Nuageux | #696969 | 105 | 105 | 105 | |
DodgerBlue | Persenningblau | Cubierta Azul | Couverture Bleu | #1E90FF | 30 | 144 | 255 | |
Firebrick | Backstein | Ladrillo Refractario | Brique Réfractaire | #B22222 | 178 | 34 | 34 | |
FloralWhite | Blütenweiß | Blanco Floral | Blanc Floral | #FFFAF0 | 255 | 250 | 240 | |
ForestGreen | Waldgrün | Verde Bosque | Vert Forêt | #228B22 | 34 | 139 | 34 | |
Fuchsia (=Magenta) | Fuchsia | Fucsia | Fuchsia | #FF00FF | 255 | 0 | 255 | |
Gainsboro | Gainsboro | Gainsboro | Gainsboro | #DCDCDC | 220 | 220 | 220 | |
GhostWhite | Geisterweiß | Fantasma Blanco | Blanc Fantôme | #F8F8FF | 248 | 248 | 255 | |
Gold | Gold | Oro | Or | #FFD700 | 255 | 215 | 0 | |
Goldenrod | Goldrute | Solidago | Solidago | #DAA520 | 218 | 165 | 32 | |
Gray | Grau | Gris | Gris | #808080 | 128 | 128 | 128 | |
Green | Grün | Verde | Vert | #008000 | 0 | 128 | 0 | |
GreenYellow | Grüngelb | Verde Amarillo | Vert Jaune | #ADFF2F | 173 | 255 | 47 | |
Grey | Grau | Gris | Gris | #808080 | 128 | 128 | 128 | |
Honeydew | Honigmelone | Ambrosía | Ambroisie | #F0FFF0 | 240 | 255 | 240 | |
HotPink | Leuchtendes Rosa | Rosa Brillante | Rose Brillant | #FF69B4 | 255 | 105 | 180 | |
IndianRed | Indischrot | Rojo Indio | Rouge Indien | #CD5C5C | 205 | 92 | 92 | |
Indigo | Indigo | Índigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Ivory | Elfenbein | Marfil | Ivoire | #FFFFF0 | 255 | 255 | 240 | |
Khaki | Staubfarben | Caqui | Kaki | #F0E68C | 240 | 230 | 140 | |
Lavender | Lavendel | Lavanda | Lavande | #E6E6FA | 230 | 230 | 250 | |
LavenderBlush | Lavendelrosa | Rosa Lavanda | Rose Lavande | #FFF0F5 | 255 | 240 | 245 | |
LawnGreen | Rasengrün | Verde Césped | Vert Pelouse | #7CFC00 | 124 | 252 | 0 | |
Lemonchiffon | Chiffongelb | Gasa Amarilla | Mousseline Jaune | #FFFACD | 255 | 250 | 205 | |
LightBlue | Hellblau | Azul Luz |
Bleue Lumière |
#ADD8E6 | 173 | 216 | 230 | |
LightCoral | Helles Korallenrot | Rojo Coral Brillante | Rouge Corail Vif | #F08080 | 240 | 128 | 128 | |
LightCyan | Helles Cyan | Cian Luz | Cyan Clair | #E0FFFF | 224 | 255 | 255 | |
Light Goldenrod Yellow | Helles Goldrutengelb | Amarillo Dorado Claro | Jaune Clair | #FAFAD2 | 250 | 250 | 210 | |
LightGray | Hellgrau | Gris Claro | Gris Clair | #D3D3D3 | 211 | 211 | 211 | |
LightGreen | Hellgrün | Verde Claro | Vert Clair | #90EE90 | 144 | 238 | 144 | |
LightGray | Hellgrau | Gris Claro | Cris Clair | #D3D3D3 | 211 | 211 | 211 | |
LightPink | Hellrosa | Rosa Claro | Rose Clair | #FFB6C1 | 255 | 182 | 193 | |
LightSalmon | Helle Lachsfarbe | Salmón Claro | Saumon Clair | #FFA07A | 255 | 160 | 122 | |
LightSeaGreen | Helles Seegrün | Verde Mar Claro | Vert Mer Clair | #20B2AA | 32 | 178 | 170 | |
LightSkyBlue | Helles Himmelblau | Cielo Azul Brillante | Ciel Bleu Clair | #87CEFA | 135 | 206 | 250 | |
LightSlateGray | Helles Schiefergrau | Gris Pizarra Brillante | Gris Ardoise Brillant | #778899 | 119 | 136 | 153 | |
LightSteelBlue | Helles Stahlblau | Azul Acero Brillante | Bleu Acier Brillant | #B0C4DE | 176 | 196 | 222 | |
LightYellow | Hellgelb | Amarillo Claro | Jaune Clair | #FFFFE0 | 255 | 255 | 224 | |
Lime | Limone | Lima | Citron | #00FF00 | 0 | 255 | 0 | |
LimeGreen | Limonengrün | Verde Lima | Vert Citron | #32CD32 | 50 | 205 | 50 | |
Linen | Leinen | Lino | Lin | #FAF0E6 | 250 | 240 | 230 | |
Magenta (=Fuchsia) | Magenta | Magenta | Magenta | #FF00FF | 255 | 0 | 255 | |
Maroon | Kastanie | Granate | Marron / Bordeaux | #800000 | 128 | 0 | 0 | |
Medium Aquamarine | Mittleres Aquamarin | Aguamarina Mediana | Aigue-Marine Moyenne | #66CDAA | 102 | 205 | 170 | |
Medium Blue | Mittleres Blau | Azul Medio | Bleu Moyen | #0000CD | 0 | 0 | 205 | |
Medium Orchid | Mittlere Orchidee | Orquidea Media | Orchidée Moyenne | #BA55D3 | 186 | 85 | 211 | |
Medium Purple | Mittleres Violett | Púrpura Medio | Violet Moyen | #9370DB | 147 | 112 | 219 | |
Medium SeaGreen | Mittleres Seegrün | Mar Verde Medio | Vert de Mer Moyen | #3CB371 | 60 | 179 | 113 | |
Medium SlateBlue | Mittleres Schieferblau | Azul Pizarra Mediana | Bleu Ardoise Moyenne | #7B68EE | 123 | 104 | 238 | |
Medium SpringGreen | Mittleres Frühlingsgrün | Verde Primavera Mediana | Vert de Printemps Moyen | #00FA9A | 0 | 250 | 154 | |
Medium Turquoise | Mittlere Türkis | Turquesa Medio | Turquoise Moyen | #48D1CC | 72 | 209 | 204 | |
Medium VioletRed | Mittleres Violettrot | Rojo Púrpura Medio | Rouge Pourpre Moyen | #C71585 | 199 | 21 | 133 | |
MidnightBlue | Mitternachtsblau | Azul Medianoche | Bleue Minuit | #191970 | 25 | 25 | 112 | |
Mintcream | Cremige Minze | Menta Cremosa | Menthe Crémeuse | #F5FFFA | 245 | 255 | 250 | |
Mistyrose | Altrosa | Rojo Viejo | Vieux Rose | #FFE4E1 | 255 | 228 | 225 | |
Moccasin | Mokassin | Mocassin | Mocassin | #FFE4B5 | 255 | 228 | 181 | |
NavajoWhite | Navajoweiß | Blanco Navajo | Blanc Navajo | #FFDEAD | 255 | 222 | 173 | |
Navy | Marineblau | Azul Marino | Bleu Marine | #000080 | 0 | 0 | 128 | |
Oldlace | Alte Spitze | Encaje Viejo | Vieille Dentelle | #FDF5E6 | 253 | 245 | 230 | |
Olive | Olivgrün | Verde Oliva | Jaune Olive | #808000 | 128 | 128 | 0 | |
Olivedrab | Olivgraubraun | Gris Oliva Marrón | Olive Gris Brun | #6B8E23 | 107 | 142 | 35 | |
Orange | Orange | Naranja | Orange | #FFA500 | 255 | 165 | 0 | |
OrangeRed | Orangerot | Rojo Anaranjado | Rouge Orange | #FF4500 | 255 | 69 | 0 | |
Orchid | Orchidee | Orquídea | Orchidée | #DA70D6 | 218 | 112 | 214 | |
PaleGoldenrod | Blasse Goldrutenfarbe | Vara de Oro Pálida | Verge d'Or Pâle | #EEE8AA | 238 | 232 | 170 | |
PaleGreen | Blassgrün | Verde Pálido | Vert Pâle | #98FB98 | 152 | 251 | 152 | |
PaleTurquoise | Blasstürkis | Turquesa Pálido | Turquoise Pâle | #AFEEEE | 175 | 238 | 238 | |
PaleVioletRed | Blasses Violettrot | Rojo Violeta Pálido | Violet Rouge Pâle | #DB7093 | 219 | 112 | 147 | |
Papayawhip | Papayacreme | Crema de Papaya | Crème de Papaye | #FFEFD5 | 255 | 239 | 213 | |
Peachpuff | Pfirsich | Melocotón | Pêche | #FFDAB9 | 255 | 218 | 185 | |
Peru | Peru | Perú | Pérou | #CD853F | 205 | 133 | 63 | |
Pink | Rosa | Rosa | Rose | #FFC0CB | 255 | 192 | 203 | |
Plum | Pflaume | Ciruela | Prune | #DDA0DD | 221 | 160 | 221 | |
PowderBlue | Taubenblau | Azul Palomas | Bleu de Pigeons | #B0E0E6 | 176 | 224 | 230 | |
Purple | Purpur | Púrpura | Pourpre / Violet | #800080 | 128 | 0 | 128 | |
Red | Rot | Rojo | Rouge | #FF0000 | 255 | 0 | 0 | |
RosyBrown | Rosiges Braun | Marrón Rosado | Brun Rosé | #BC8F8F | 188 | 143 | 143 | |
RoyalBlue | Königsbalu | Azul Real | Bleu Royal | #4169E1 | 65 | 105 | 225 | |
SaddleBrown | Sattelbraun | Marrón Ensillar | Brune Selle | #8B4513 | 139 | 69 | 19 | |
Salmon | Lachsfarben | Salmón | Saumon | #FA8072 | 250 | 128 | 114 | |
SandyBrown | Sandbraun | Marrón Arena | Brun Sable | #F4A460 | 244 | 164 | 96 | |
SeaGreen | Seegrün | Verde Lago | Vert Lac | #2E8B57 | 46 | 139 | 87 | |
Seashell | Muschel | Concha | Coquillage | #FFF5EE | 255 | 245 | 238 | |
Sienna | Siennaerde | Tierra de Siena | Terre de Sienne | #A0522D | 160 | 82 | 45 | |
Silver | Silber | Plata | Argent | #C0C0C0 | 192 | 192 | 192 | |
SkyBlue | Himmelblau | Cielo Azul | Bleu Ciel | #87CEEB | 135 | 206 | 235 | |
SlateBlue | Schieferblau | Azul Pizarra | Bleu Ardoise | #6A5ACD | 106 | 90 | 205 | |
SlateGray | Schiefergrau | Gris Pizarra | Gris Ardoise | #708090 | 112 | 128 | 144 | |
Snow | Schneeweiß | Blanco Nieve | Blanc Neige | #FFFAFA | 255 | 250 | 250 | |
SpringGreen | Frühlingsgrün | Verde del Resorte | Vert Printemps | #00FF7F | 0 | 255 | 127 | |
SteelBlue | Stahlblau | Azul de Acero | Bleu Acier | #4682B4 | 70 | 130 | 180 | |
Tan | Hautfarben | Bronceado | Tanné | #D2B48C | 210 | 180 | 140 | |
Teal | Krickentengrün | Verde Azulado | Sarcelle | #008080 | 0 | 128 | 128 | |
Thistle | Distel | Cardo | Chardon | #D8BFD8 | 216 | 191 | 216 | |
Tomato | Tomate | Tomate | Tomate | #FF6347 | 255 | 99 | 71 | |
Turquoise | Türkis | Turquesa | Turquoise | #40E0D0 | 64 | 224 | 208 | |
Violet | Veilchen | Violeta | Violet | #EE82EE | 238 | 130 | 238 | |
Wheat | Weizen | Trigo | Blé | #F5DEB3 | 245 | 222 | 179 | |
White | Weiß | Blanco | Blanc | #FFFFFF | 255 | 255 | 255 | |
WhiteSmoke | Rauchfarben | Blanco Humo | Blanche Fumée |
#F5F5F5 | 245 | 245 | 245 | |
Yellow | Gelb | Amarillo | Jaune | #FFFF00 | 255 | 255 | 0 | |
YellowGreen | Gelbgrün | Verde Amarillo | Vert Jaune | #9ACD32 | 154 | 205 | 50 | |
Les nouveaux termes de couleur CSS proviennent d'une liste de couleurs initialement développée pour le système Windows X11 (logiciel Unix pour la création d'interfaces utilisateur graphiques). La première version de cette liste de couleurs a été publiée en 1989. Cette liste a ensuite été élargie au fil des années et finalement adoptée dans la norme CSS avec seulement quelques modifications. La décision d'adopter les noms de couleurs X11 a également été soutenue par le fait que certains navigateurs initialement développés pour le système X Window, tels que le Netscape Navigator ou le Mosaic Browser, prenaient déjà en charge cette liste de couleurs en tant qu'applications X.
Enfin, il convient également de noter qu'au lieu de "Gray", vous pouvez également écrire "Grey" (cela s'applique également aux noms de couleurs tels que LightGray, DarkGray, SlateGray, LightSlateGray ou DimGray) et les couleurs Aqua et Cyan ainsi que Magenta et Fuchsia sont identiques. Bien entendu, le navigateur utilisé doit également prendre en charge la norme CSS 3 pour que les couleurs s'affichent correctement. Cependant, cela devrait désormais être le cas pour tous les navigateurs courants.
Termes de Couleurs de divers Langages de Programmation
Outre CSS et HTML, de nombreux autres langages de programmation et de balisage tels que Java, Pascal (FreePascal, Lazarus, Delphi), VBA (Visual Basic for Applications) ou TeX/LaTex ainsi que le application framework et GUI toolkit Qt simplifient la sélection des couleurs à l'aide de noms de couleurs sous forme de constantes prédéfinies qui peuvent être utilisées lors de la programmation dans le langage respectif, de sorte que la couleur en question ne doit pas être définie à l'aide de sa valeur numérique de couleur mais peut être définie en utilisant simplement un nom qui est plus facile à retenir. De plus, le tableau suivant contient - si disponible - l'équivalent couleur du standard W3C CSS3 dans la colonne "CSS" (voir dernière section) ainsi que l'équivalent de la palette de couleurs "Media Color Names" du Printer Working Group dans la colonne "PWG" (voir la section après suivant).
Les noms et constantes de couleur suivants pour les 30 couleurs répertoriées sont connus dans les langues mentionnées:
HEX | CSS | Java | Pascal | Qt | VBA | LaTeX | PWG | |
#000000 | Black | BLACK | clBlack | black | vbBlack | black | Black | |
#404040 | - | DARK_GRAY | clDkGray | - | - | darkgray | Dark Gray | |
#808080 | Gray | GRAY | clGray | darkGray | - | gray | Gray | |
#A0A0A0 | - | - | clMedGray | gray | - | - | - | |
#BFBFBF | - | - | - | - | - | lightgray | - | |
#C0C0C0 | Silver | - | clSilver/clLtGray | lightGray | - | - | Silver | |
#FFFBF0 | - | - | clCream | - | - | - | - | |
#FFFFFF | White | WHITE | clWhite | white | vbWhite | white | White | |
#FFBFBF | - | - | - | - | - | pink | - | |
#FFAFAF | - | PINK | - | - | - | - | - | |
#FF00FF | Fuchsia | MAGENTA | clFuchsia | magenta | vbMagenta | magenta | Magenta | |
#FF0000 | Red | RED | clRed | red | vbRed | red | Red | |
#BF0040 | - | - | - | - | - | purple | - | |
#800000 | Maroon | - | clMaroon | darkRed | - | - | - | |
#800080 | Purple | - | clPurple | darkMagenta | - | violet | - | |
#000080 | Navy | - | clNavy | darkBlue | - | - | - | |
#0000FF | Blue | BLUE | clBlue | blue | vbBlue | blue | Blue | |
#00FFFF | Aqua | CYAN | clAqua | cyan | vbCyan | cyan | Cyan | |
#A6CAF0 | - | - | clSkyBlue | - | - | - | - | |
#C0DCC0 | - | - | clMoneyGreen | - | - | - | - | |
#BFFF00 | - | - | - | - | - | lime | - | |
#00FF00 | Lime | GREEN | clLime | green | vbGreen | green | - | |
#008080 | - | - | clTeal | darkCyan | - | teal | - | |
#008000 | Green | - | clGreen | darkGreen | - | - | Green | |
#808000 | Olive | - | clOlive | darkYellow | - | - | - | |
#9F8C18 | - | - | - | - | - | olive | - | |
#BF8040 | - | - | - | - | - | brown | - | |
#FF8000 | - | - | - | - | - | orange | - | |
#FFC800 | - | ORANGE | - | - | - | - | - | |
#FFFF00 | Yellow | YELLOW | clYellow | yellow | vbYellow | yellow | Yellow |
Comme vous pouvez le constater, les couleurs noir et blanc ainsi que de nombreuses couleurs RVB de base et "simples" telles que le rouge, le bleu, le jaune, le fuchsia/magenta ou le cyan/aqua sont définis de la même manière dans presque tous les contextes. Cependant, il existe des différences avec les couleurs plus mélangées comme le rose et l'orange et surtout dans les tons verts et les tons gris (plus de détails à ce sujet dans l'article lié).
Outre le fait que les définitions de couleurs peuvent varier les unes des autres, lors de l'utilisation de constantes de couleur en programmation, il est important de noter que certains langages de programmation fournissent également des constantes de couleur qui ne représentent pas une couleur fixe mais dépendent du contexte:
Par exemple, les constantes de couleur indiquées dans le tableau pour le langage de programmation Pascal respectivement FreePascal, qui peuvent être utilisées dans Delphi et Lazarus et qui sont fixes pour une certaine couleur, ne doivent pas être confondues avec les constantes de couleur pour les couleurs système qui sont également disponible dans ces environnements et peut contenir différentes valeurs de couleur selon le système, la version et les paramètres. Les exemples de cette catégorie incluent la couleur d'arrière-plan standard des fenêtres (clWindow), la couleur standard du texte dans les fenêtres (clWindowText), la couleur d'arrière-plan des marquages de texte (clHighlight), la couleur de police des marquages de texte (clHighlightText), les couleurs des boutons standard (clBtnFace et clBtnText) ou clDefault comme couleur standard universelle pour tous les contrôles ou contextes. Ces constantes peuvent être utilisées pour adapter votre propre application au jeu de couleurs du système d'exploitation et n'ont par ailleurs rien à voir avec les noms de couleurs prédéfinis.
Il convient également de mentionner que de nombreux langages de programmation fournissent désormais également les noms de couleurs de la norme CSS3 présentés dans la deuxième section de cet article comme constantes de couleur. Par exemple, à partir de FreePascal 3.2.0, les couleurs CSS3 W3C peuvent être rendues disponibles sous forme de constantes dans Lazarus via l'unité System.Uitypes ou dans Tex/LaTeX en chargeant le package "svgnames" via \usepackage[svgnames]{xcolor}. Cependant, dans LaTeX, contrairement au standard CSS, les noms sont sensibles à la casse et ne peuvent donc être utilisés que dans leur écriture définie d'origine.
Palettes de Couleurs Système
Les systèmes d'exploitation antérieurs de l'ère des écrans 8 bits, qui, avec leur profondeur de couleur de 8 bits, ne pouvaient afficher que 256 couleurs différentes simultanément, fournissaient souvent des palettes de couleurs partiellement prédéfinies qui pouvaient facilement être utilisées sous leur forme originale ou modifiée.
Le tableau suivant présente trois de ces palettes de couleurs: la Microsoft Windows et IBM OS/2 Default 16-Color Palette dans la colonne "WIN-16", la Microsoft Windows Default 20-Color Palette dans la colonne "WIN-20" ainsi que la Apple Macintosh Default 16-Color Palette dans la colonne "MAC-16". En plus des valeurs de couleur et des noms de couleurs, le tableau aussi indique les indices des couleurs individuelles au sein de la palette de couleurs respective. Des index libres pourraient être utilisés pour définir leurs propres couleurs comme alternative à l'écrasement des index existants.
WIN-16 | WIN-20 | MAC-16 | |||||||
#000000 | 0 | Black | 0 | Black | #000000 | 15 | Black | ||
#800000 | 1 | Maroon | 1 | Dark Red | #562C05 | 10 | Brown | ||
#008000 | 2 | Green | 2 | Dark Green | #006412 | 9 | Dark Green | ||
#808000 | 3 | Olive | 3 | Dark Yellow | #90713A | 11 | Tan | ||
#000080 | 4 | Navy | 4 | Dark Blue | - | - | - | - | |
#800080 | 5 | Purple | 5 | Dark Magenta | #4700A5 | 5 | Purple | ||
#008080 | 6 | Teal | 6 | Dark Cyan | - | - | - | - | |
#C0C0C0 | 7 | Silver | 7 | Light Grey | #C0C0C0 | 12 | Light Grey | ||
#C0DCC0 | - | - | 8 | Money Green | - | - | - | - | |
#A6CAF0 | - | - | 9 | Sky Blue | - | - | - | - | |
#FFFBF0 | - | - | 246 | Cream | #FF6403 | 2 | Orange | ||
#A0A0A4 | - | - | 247 | Medium Grey | #808080 | 13 | Medium Grey | ||
#808080 | 8 | Gray | 248 | Dark Grey | #404040 | 14 | Dark Grey | ||
#FF0000 | 9 | Red | 249 | Red | #DD0907 | 3 | Red | ||
#00FF00 | 10 | Lime | 250 | Green | #1FB714 | 8 | Green | ||
#FFFF00 | 11 | Yellow | 251 | Yellow | #FBF305 | 1 | Yellow | ||
#0000FF | 12 | Blue | 252 | Blue | #0000D3 | 6 | Blue | ||
#FF00FF | 13 | Fuchsia | 253 | Magenta | #F20884 | 4 | Magenta | ||
#00FFFF | 14 | Aqua | 254 | Cyan | #02ABEA | 7 | Cyan | ||
#FFFFFF | 15 | White | 255 | White | #FFFFFF | 0 | White |
La palette Windows 16 contient toutes les couleurs que nous connaissons déjà dans la section sur les Basic Color Keywords HTML et VGA. Cette palette est la palette Windows par défaut pour les icônes à 16 couleurs et est principalement rétrocompatible avec les couleurs des premiers modes texte CGA, EGA et VGA, mais dispose les couleurs dans un ordre différent.
La palette Windows 20 étend ces 16 couleurs par quatre couleurs supplémentaires: "Money Green", "Sky Blue", "Cream" et "Medium Grey". Pour cette raison, ces quatre couleurs sont également définies comme constantes de couleur dans le langage de programmation Pascal, comme nous l'avons vu dans la dernière section.
En plus de cette extension, certains noms de couleurs ainsi que les indices de certaines couleurs ont également été modifiés. Les couleurs les plus foncées ont reçu en grande partie les noms des couleurs plus claires avec l'ajout de "Dark" (afin que seules les sept dernières couleurs de l'ancienne palette de couleurs gardent leurs anciens noms) et les indices ont été divisés de manière à ce que les dix premiers et les dix derniers des 256 indices disponibles soient utilisés (de sorte que seules les huit premières couleurs ont conservé leur indice d'origine).
La palette de couleurs Apple Macintosh, introduite en 1987 avec le Macintosh II et le Système 4.1, diffère grandement des deux palettes de couleurs Windows. Alors que Windows définit principalement les couleurs avec des canaux de couleurs RVB très pair tels que 00, 80 ou FF, ce qui a rendu l'affichage sur les moniteurs antérieurs qui ne supportaient pas encore beaucoup de couleurs plus facile et plus uniforme, la palette de couleurs Apple Macintosh définit des couleurs plus "belles" et "naturelles" en utilisant des valeurs sinueuses pour les canaux de couleur. Seuls le noir, le blanc et les nuances de gris sont définis par des canaux de couleur pairs et ressemblent donc aux palettes de couleurs de Windows, à l'exception du "Medium Gray" et "Dark Gray", qui sont définis un peu plus sombres par Windows.
Media Color Names du Printer Working Group
Un autre système de dénomination des couleurs est celui appelé Media Color Names, spécifié par le Printer Working Group (PWG) dans la norme PWG 5101.1. Sur la base de 20 couleurs de base, visibles dans la colonne "Défaut" du tableau suivant, toutes les couleurs (à l'exception du noir et du blanc) sont définies en plus de leur variante de base dans les versions plus claires "Clair" et "Light" ainsi que dans une variante plus sombre "Dark":
Coleur | Default | Clear | Light | Dark | ||||
Green | #008000 | #80C080 | #90EE90 | #006400 | ||||
Blue | #0000FF | #3366FF | #ADD8E6 | #00008B | ||||
Turquoise | #30D5C8 | #98EAE4 | #AFE4DE | #00CED1 | ||||
Cyan | #00FFFF | #80FFFF | #E0FFFF | #008B8B | ||||
Pink | #FFC0CB | #FFE0E5 | #FFB6C1 | #E75480 | ||||
Violet | #EE82EE | #E1B0EB | #7A5299 | #9400D3 | ||||
Magenta | #FF00FF | #FF80FF | #FF77FF | #8B008B | ||||
Red | #FF0000 | #FF8080 | #FF3333 | #8B0000 | ||||
Brown | #7C2900 | #81543E | #B33B1A | #5C4033 | ||||
Orange | #FFA500 | #F6A470 | #D9A465 | #FF8C00 | ||||
Goldenrod | #DAA520 | #EDD290 | #FFEC8B | #B8860B | ||||
Gold | #FFD700 | #FFEB80 | #F1E5AC | #EEBC1D | ||||
Yellow | #FFFF00 | #FFFB6F | #FFFFE0 | #FFCC00 | ||||
Buff | #F0DC82 | #F8EEC1 | #ECD9B0 | #976638 | ||||
Mustard | #FFDB58 | #FFEDAC | #EEDD62 | #7C7C40 | ||||
Ivory | #FFFFF0 | #FFFFF8 | #FFF8C9 | #F2E58F | ||||
White | #FFFFFF | #FFFFFF | ||||||
Silver | #C0C0C0 | #E0E0E0 | #E1E1E1 | #AFAFAF | ||||
Gray | #808080 | #C0C0C0 | #D3D3D3 | #404040 | ||||
Black | #000000 | #808080 | #808080 |
Dans ce système, la couleur par défaut porte le nom de la couleur sans aucun préfixe supplémentaire, tandis que les trois variantes supplémentaires sont chacune appelées "nom de la variante + nom de la couleur". Par exemple, les noms suivants correspondent aux variations de vert visibles dans la première ligne du tableau: La couleur de base #008000 est simplement appelée "Green", tandis que la variante #80C080 est appelée "Clear Green", #90EE90 est appelée "Light Green" et la couleur #006400 est appelée "Dark Green".
Cependant, l'approche des variations de couleurs clear, light et dark conduit parfois à des duplications, notamment dans le domaine des valeurs de gris (même si la définition de certaines variations comme "Light White", "Dark White" ou "Dark Black" a déjà été omis ici). Par exemple, les couleurs "White" et "Clear White" ainsi que "Silver" et "Clear Silver" sont identiques, tandis que la couleur avec le code RVB #808080 résulte même trois fois des variations comme "Gray", "Clear Black" et "Light Black".
Autres Chartes de Couleurs
Luminosité et Saturation | Luminosité | Saturation | Nuances de Gris | Noms de Couleur | Couleurs du Web