- LES CODES DE COULEURS HTML -

- Revenir à la page des formations et fiches techniques -

Le point d'un écran (pixel) se compose de 3 luminophores : 3 petits grains, l'un Rouge (Red), l'autre Vert (Green) et le dernier Bleu (Blue). Pour s'en convaincre il suffit d'observer de très prêt les points d'un écran... On parle alors d'affichage RVB (RGB en anglais).
Pour afficher une couleur sur un écran, il suffit des déterminer la "puissance d'éclairage" de chacun des 3 luminophores. L'association de ces 3 couleurs proches physiquement déterminera une unique couleur visible à l'écran.

Les 15 couleurs de base (4 bits)

Au tout débur de l'informatique il n'y avait qu'une seule couleur affichable en mode texte : les luminophores étaient soit tous allumés soit tous éteints. Il s'agissait alors de systèmes monochromes.
Par la suite les cartes CGA permirent d'afficher 3 couleurs (Rouge / Vert / Bleu - l'un des 3 luminophores est allumé - ou Cyan / Magenta / Jaune - 2 des 3 luminophores sont allumés) plus le blanc (les 3 luminophores sont allumés) et le noir (aucun n'est allumé).
Les cartes EGA permirent d'afficher l'ensemble de ces 8 couleurs en codant l'allumage de chaque luminophore séparément sur 1 bit : cela donnait 2 niveaux de teintes possibles par luminophore (allumé ou éteint) soit un total de 8 couleurs possibles. Par la suite un 4e bit permit de diviser l'éclairage du triplet de luminophores par 2 d'où la création de 15 couleurs (le noir ne change pas...) : 8 couleurs "allumées" et 7 couleurs "éteintes".
Aujourd'hui, pour obtenir l'une de ces couleurs il suffit de l'exprimer sous forme de 3 nombres représentant le niveau souhaité pour Rouge - Vert - Bleu. Le codage actuel se fait sur 8 bits (28 possibilités = 256 possibilités, soit un nombre entre 0 et 255 : 0 correspond ici à "éteint", 128 à "demi-éclairage" et 255 à "éclairage total") et on exprime ces nombres de préférence sous forme hexadécimale (donc 00 pour 0, 80 pour 128 et FF pour 255).
Voici la table des noms de ces 15 couleurs, utilisables dans une page HTML (par exemple dans le code <FONT COLOR="nom_de_la_couleur">) et interprêtables par tout système :

Nom de la
couleur allumée
Code R-V-B
décimal
Code R-V-B
hexadécimal
Nom de la
couleur éteinte
Code R-V-B
décimal
Code R-V-B
hexadécimal
BLACK  0   0   0  #000000  
RED 255  0   0  #FF0000 MAROON 128  0   0  #800000
LIME  0  255  0  #00FF00 GREEN  0  128  0  #008000
BLUE  0   0  255 #0000FF NAVY  0   0  128 #000080
YELLOW 255 255  0  #FFFF00 OLIVE 128 128  0  #808000
FUCHSIA 255  0  255 #FF00FF PURPLE 128  0  128 #800080
AQUA  0  255 255 #00FFFF TEAL  0  128 128 #008080
WHITE 255 255 255 #FFFFFF GRAY 128 128 128 #808080

Ce sont ces 15 couleurs qui servent de base sur Internet !

Les 16 777 216 couleurs (24 bits)

Par la suite on a choisi soit de coder l'éclairage de chaque luminophore séparément soit d'augmenter le nombre de niveaux possibles de chaque luminophore. On a d'abord opté pour un codage total sur 8 bits (28 couleurs = 256 couleurs : 4 niveaux R-V-B et 4 niveaux de luminosité), suivi de 16 bits en tout (216 couleurs = 65 536 couleurs) puis 24 bits (224 couleurs soit 16 777 216 teintes) et enfin 32 bits (232 couleurs soit environ 4 milliards de teintes).

On obtient environ 16 millions de couleurs en associant 256 nuances de chaque luminophore (R-V-B). Parmi ces 16 millions de couleurs certaines sont privilégiées et ont droit à un nom pour les identifier.
Le tableau ci-dessous donne les noms HTML des 120 couleurs privilégiées (merci à Danielle LITZELMANN) diposant d'un nom officiel :

Niveau en
Rouge
Niveau en
Vert
Niveau en
Bleu
Code R-V-B
Hexadécimal
Nom de la couleur
0 0 139 00008B DarkBlue
0 0 205 0000CD MediumBlue
0 100 0 006400 DarkGreen
0 139 139 008B8B DarkCyan
0 191 255 00BFFF DeepSkyBlue
0 206 209 00CED1 DarkTurquoise
0 250 154 00FA9A MediumSpringGreen
0 255 127 00FF7F SpringGreen
25 25 112 191970 MidnightBlue
30 144 255 1E90FF DodgerBlue
32 178 170 20B2AA LightSeaGreen
34 139 34 228B22 ForestGreen
46 139 87 2E8B57 SeaGreen
47 79 79 2F4F4F DarkSlateGray
50 205 50 32CD32 LimeGreen
60 179 113 3CB371 MediumSeaGreen
64 224 208 40E0D0 turquoise
65 105 225 4169E1 RoyalBlue
70 130 180 4682B4 SteelBlue
72 61 139 483D8B DarkSlateBlue
72 209 204 48D1CC MediumTurquoise
85 107 47 556B2F DarkOliveGreen
95 158 160 5F9EA0 CadetBlue
100 149 237 6495ED CornflowerBlue
102 205 170 66CDAA MediumAquamarine
105 105 105 696969 DimGray
106 90 205 6A5ACD SlateBlue
107 142 35 6B8E23 OliveDrab
112 128 144 708090 SlateGray
119 136 153 778899 LightSlateGray
123 104 238 7B68EE MediumSlateBlue
124 252 0 7CFC00 LawnGreen
127 255 0 7FFF00 chartreuse
127 255 212 7FFFD4 aquamarine
135 206 235 87CEEB SkyBlue
135 206 250 87CEFA LightSkyBlue
138 43 226 8A2BE2 BlueViolet
139 0 0 8B0000 DarkRed
139 0 139 8B008B DarkMagenta
139 69 19 8B4513 SaddleBrown
143 188 143 8FBC8F DarkSeaGreen
144 238 144 90EE90 LightGreen
147 112 219 9370DB MediumPurple
148 0 211 9400D3 DarkViolet
152 251 152 98FB98 PaleGreen
153 50 204 9932CC DarkOrchid
154 205 50 9ACD32 YellowGreen
160 82 45 A0522D sienna
165 42 42 A52A2A brown
169 169 169 A9A9A9 DarkGray
173 216 230 ADD8E6 LightBlue
173 255 47 ADFF2F GreenYellow
175 238 238 AFEEEE PaleTurquoise
176 196 222 B0C4DE LightSteelBlue
176 224 230 B0E0E6 PowderBlue
178 34 34 B22222 firebrick
184 134 11 B8860B DarkGoldenrod
186 85 211 BA55D3 MediumOrchid
188 143 143 BC8F8F RosyBrown
189 183 107 BDB76B DarkKhaki
192 192 192 C0C0C0 silver
199 21 133 C71585 MediumVioletRed
205 92 92 CD5C5C IndianRed
205 133 63 CD853F peru
210 105 30 D2691E chocolate
210 180 140 D2B48C tan
216 191 216 D8BFD8 thistle
218 112 214 DA70D6 orchid
218 165 32 DAA520 goldenrod
219 112 147 DB7093 PaleVioletRed
220 220 220 DCDCDC gainsboro
221 160 221 DDA0DD plum
222 184 135 DEB887 burlywood
224 255 255 E0FFFF LightCyan
230 230 250 E6E6FA lavender
233 150 122 E9967A DarkSalmon
238 130 238 EE82EE violet
238 232 170 EEE8AA PaleGoldenrod
240 128 128 F08080 LightCoral
240 230 140 F0E68C khaki
240 248 255 F0F8FF AliceBlue
240 255 240 F0FFF0 honeydew
240 255 255 F0FFFF azure
244 164 96 F4A460 SandyBrown
245 222 179 F5DEB3 wheat
245 245 220 F5F5DC beige
245 245 245 F5F5F5 WhiteSmoke
245 255 250 F5FFFA MintCream
248 248 255 F8F8FF GhostWhite
250 128 114 FA8072 salmon
250 235 215 FAEBD7 AntiqueWhite
250 240 230 FAF0E6 linen
250 250 210 FAFAD2 LightGoldenrodYellow
253 245 230 FDF5E6 OldLace
255 20 147 FF1493 DeepPink
255 69 0 FF4500 OrangeRed
255 99 71 FF6347 tomato
255 105 180 FF69B4 HotPink
255 127 80 FF7F50 coral
255 140 0 FF8C00 DarkOrange
255 160 122 FFA07A LightSalmon
255 165 0 FFA500 orange
255 182 193 FFB6C1 LightPink
255 192 203 FFC0CB pink
255 215 0 FFD700 gold
255 218 185 FFDAB9 PeachPuff
255 222 173 FFDEAD NavajoWhite
255 228 181 FFE4B5 moccasin
255 228 196 FFE4C4 bisque
255 228 225 FFE4E1 MistyRose
255 235 205 FFEBCD BlanchedAlmond
255 239 213 FFEFD5 PapayaWhip
255 240 245 FFF0F5 LavenderBlush
255 245 238 FFF5EE seashell
255 248 220 FFF8DC cornsilk
255 250 205 FFFACD LemonChiffon
255 250 240 FFFAF0 FloralWhite
255 250 250 FFFAFA snow
255 255 224 FFFFE0 LightYellow
255 255 240 FFFFF0 ivory

A la recherche d'une couleur ? Consultez Les couleurs de référence ainsi que Couleurs sur AllHTML.

- Revenir à la page des formations et fiches techniques -