Les couleurs du Web sont un jeu de couleurs appelées par un mot-clé dans les langages de description de page (HTML) et (CSS).
Les auteurs de pages web peuvent spécifier numériquement les couleurs des éléments qui composent un document web de plusieurs manières : par un code agglutinant les valeurs hexadécimales rouge vert bleu ; par un triplet donnant ces valeurs en décimal de 0 à 255 ou par un pourcentage ; par des références Teinte Saturation Luminosité. Pour simplifier le codage, les auteurs peuvent appeler les couleurs d'une palette de 216 couleurs réparties dans l'espace de couleur des écrans par un mot-clé basé sur une désignation en anglais.
L'économie de moyens graphiques est à l'origine du nombre de couleurs. Les ordinateurs personnels contemporains de la définition des couleurs du web avaient une capacité de traitement suffisamment limitée pour qu'on préfère traiter des index de palette sur un octet. Les noms de couleur associés sont plus explicites que des codes. Ils reflètent l'usage américain quand la décision des premiers auteurs coïncide avec celui-ci. Ce sont des mots-clés, que les programmes de localisation des ordinateurs ne traduisent pas.
Les premières versions de Mosaic et du navigateur Netscape utilisaient les noms des couleurs X11 comme base pour leur liste de couleurs, puisque les deux logiciels ont commencé comme applications X Window System.
La colorimétrie des couleurs sur l'écran dépend de sa fabrication et de son réglage, mais les couleurs du web devraient, dans tous les cas, donner des nuances distinctes les unes des autres.
Codage informatique des couleurs
Les écrans produisent des couleurs par un système de synthèse additive au moyen de trois types de luminophores rouges, verts et bleus suffisamment petits pour qu'ils se confondent à la distance normale d'observation. L'intensité du courant électrique qui les traverse déterminent leur luminosité. La vision humaine peut distinguer, pour chaque couleur, une centaine de niveaux de luminosité. On peut donc quantifier les courants de luminophores sur sept ou huit bits. Le codage sur huit bits, qui correspond à l'octet, élément de base des processeurs, s'impose.
Le codage informatique le plus simple de la couleur consiste à donner, pour chaque pixel, c'est-à-dire pour tout élément de l'image, trois valeurs sur un octet, correspondant directement à la luminosité. HTML et CSS acceptent la notation où les nombres représentent la valeur en pourcentage pour le rouge, le vert et le bleu, et la notation condensée , où le code après # agglutine trois valeurs hexadécimales qui sont directement celle des octets de commande des luminophores.
Les langages de description de page HTML CSS acceptent aussi une description plus intuitive, teinte saturation lumière (), définissant la teinte par un angle entre 0 (rouge) et 360°, où le vert se trouve à 120 et le bleu à 240, et les couleurs intermédiaires en dégradé proportionnel, la saturation et la luminosité par un pourcentage.
Noms des couleurs HTML La spécification. du HTML 4.01 définit 16 couleurs nommées appelées par 18 mots-clés en anglais (il y a deux paires de synonymes), et dont l'emploi n'est pas sensible à la casse. (Les traductions. en français entre parenthèses sont indicatives et ne sont pas des attributs valides en HTML.) Ces attributs et la valeur hexadécimale de rouge-vert-bleu équivalente sont, par ordre alphabétique :
Valeur Couleur Valeur Couleur Valeur Couleur Valeur Couleur #00FFFFaqua / cyan (bleu-vert eau) #008000green (vert) #000080navy (bleu marine) #C0C0C0silver (argent) #000000black (noir) #808080gray (gris) #808000olive (jaune olive) #008080teal (sarcelle) #0000FFblue (bleu) #00FF00lime (vert citron) #800080purple (violet) #FFFFFFwhite (blanc) #FF00FFfuchsia / magenta (fuchsia) #800000maroon (bordeaux) #FF0000red (rouge) #FFFF00yellow (jaune)
Ces couleurs sont incluses dans les spécifications du HTML 3.0 qui fait remarquer que .
Noms de couleurs SVG 1.0 Les navigateurs web ont défini nombre de mots-clés de couleur. Un navigateur particulier pourrait ne pas reconnaître toutes ces couleurs, mais depuis 2005 tous les navigateurs modernes d'utilisation courante ont avalisé la liste complète. Beaucoup de ces couleurs sont issues de la liste des noms de couleur X11 fournie par le système de fenêtrage X. Ces couleurs ont été normalisées par SVG 1.0, et sont reconnues par les visiteurs SVG Full. Elles ne font pas partie de SVG Tiny.
Les noms utilisés dans le framework .NET sont quasiment identiques, dans les énumérations Color et KnownColor. La seule couleur différente est DarkSeaGreen qui est définie comme 8F, BC, 8B (à la place de 8F, BC, 8F).
La liste de couleurs réellement définies avec X11 varie selon les réalisations, et entre en conflit avec un certain nombre de noms HTML comme c'est le cas pour le vert (green). Pour cette raison, la liste des couleurs que l'on trouve dans X11 (c'est-à-dire /usr/lib/X11/rgb.txt) ne devrait pas être directement utilisée pour choisir des couleurs pour le web..
La liste des « couleurs X11 » du web de la spécification du CSS3, ainsi que leurs équivalents hexadécimaux et décimaux, est présentée ci-dessous...
Nom HTML Code R V B Code R V BRougesIndianRed CD 5C 5C 205 92 92LightCoral F0 80 80240 128 128Salmon FA 80 72250 128 114DarkSalmon E9 96 7A233 150 122LightSalmonFF A0 7A255 160 122Crimson DC 14 3C220 20 60Red FF 00 00255 0 0FireBrick B2 22 22178 34 34DarkRed 8B 00 00139 0 0Maroon 80 00 00128 0 0RosesPink FF C0 CB255 192 203LightPink FF B6 C1255 182 193HotPink FF 69 B4255 105 180DeepPink FF 14 93255 20 147MediumVioletRedC7 15 85199 21 133PaleVioletRed DB 70 93219 112 147OrangésCoral FF 7F 50255 127 80Tomato FF 63 47255 99 71OrangeRed FF 45 00255 69 0DarkOrange FF 8C 00255 140 0Orange FF A5 00255 165 0JaunesGold FF D7 00255 215 0Yellow FF FF 00255 255 0LightYellow FF FF E0255 255 224LemonChiffonFF FA CD255 250 205LightGoldenrodYellowFA FA D2250 250 210PapayaWhip FF EF D5255 239 213 Moccasin FF E4 B5255 228 181 PeachPuff FF DA B9255 218 185 PaleGoldenrodEE E8 AA238 232 170 Khaki F0 E6 8C240 230 140 DarkKhaki BD B7 6B189 183 107 VioletsLavender E6 E6 FA230 230 250 Thistle D8 BF D8216 191 216 Plum DD A0 DD221 160 221 Violet EE 82 EE238 130 238 Orchid DA 70 D6218 112 214Fuchsia FF 00 FF255 0 255 Magenta FF 00 FF255 0 255 MediumOrchidBA 55 D3186 85 211 MediumPurple93 70 DB147 112 219 BlueViolet 8A 2B E2138 43 226 DarkViolet 94 00 D3148 0 211 DarkOrchid 99 32 CC153 50 204 DarkMagenta8B 00 8B139 0 139 Purple 80 00 80128 0 128 RebeccaPurple 66 33 99102 51 153Indigo 4B 00 82 75 0 130SlateBlue 6A 5A CD106 90 205DarkSlateBlue48 3D 8B 72 61 139 Nom HTML Code R V B Code R V BVertsGreenYellow AD FF 2F173 255 47 Chartreuse 7F FF 00127 255 0 LawnGreen 7C FC 00124 252 0 Lime 00 FF 00 0 255 0 LimeGreen 32 CD 32 50 205 50PaleGreen 98 FB 98152 251 152 LightGreen 90 EE 90144 238 144 MediumSpringGreen00 FA 9A 0 250 154 SpringGreen 00 FF 7F 0 255 127 MediumSeaGreen 3C B3 71 60 179 113 SeaGreen 2E 8B 57 46 139 87 ForestGreen 22 8B 22 34 139 34 Green 00 80 00 0 128 0DarkGreen 00 64 00 0 100 0 YellowGreen 9A CD 32154 205 50OliveDrab 6B 8E 23107 142 35 Olive 80 80 00128 128 0 DarkOliveGreen55 6B 2F 85 107 47MediumAquamarine66 CD AA102 205 170 DarkSeaGreen 8F BC 8F143 188 143 LightSeaGreen20 B2 AA 32 178 170 DarkCyan 00 8B 8B 0 139 139Teal 00 80 80 0 128 128 BleusAqua 00 FF FF 0 255 255Cyan 00 FF FF 0 255 255LightCyan E0 FF FF224 255 255 PaleTurquoiseAF EE EE175 238 238 Aquamarine 7F FF D4127 255 212 Turquoise 40 E0 D0 64 224 208 MediumTurquoise48 D1 CC 72 209 204 DarkTurquoise 00 CE D1 0 206 209CadetBlue 5F 9E A0 95 158 160 SteelBlue 46 82 B4 70 130 180LightSteelBlueB0 C4 DE176 196 222PowderBlue B0 E0 E6176 224 230 LightBlue AD D8 E6173 216 230 SkyBlue 87 CE EB135 206 235 LightSkyBlue87 CE FA135 206 250 DeepSkyBlue 00 BF FF 0 191 255DodgerBlue 1E 90 FF 30 144 255CornflowerBlue64 95 ED100 149 237MediumSlateBlue7B 68 EE123 104 238 RoyalBlue 41 69 E1 65 105 225 Blue 00 00 FF 0 0 255 MediumBlue 00 00 CD 0 0 205 DarkBlue 00 00 8B 0 0 139 Navy 00 00 80 0 0 128 MidnightBlue19 19 70 25 25 112 Nom HTML Code R V B Code R V BMarrons et brunsCornsilk FF F8 DC255 248 220 BlanchedAlmondFF EB CD255 235 205 Bisque FF E4 C4255 228 196 NavajoWhite FF DE AD255 222 173 Wheat F5 DE B3245 222 179 BurlyWood DE B8 87222 184 135 Tan D2 B4 8C210 180 140 RosyBrown BC 8F 8F188 143 143 SandyBrownF4 A4 60244 164 96 Goldenrod DA A5 20218 165 32 DarkGoldenrodB8 86 0B184 134 11 Peru CD 85 3F205 133 63 Chocolate D2 69 1E210 105 30 SaddleBrown8B 45 13139 69 19 Sienna A0 52 2D160 82 45 Brown A5 2A 2A165 42 42BlancsWhite FF FF FF255 255 255 Snow FF FA FA255 250 250 Honeydew F0 FF F0240 255 240 MintCreamF5 FF FA245 255 250 Azure F0 FF FF240 255 255 AliceBlueF0 F8 FF240 248 255 GhostWhiteF8 F8 FF248 248 255 WhiteSmokeF5 F5 F5245 245 245 Seashell FF F5 EE255 245 238 Beige F5 F5 DC245 245 220 OldLace FD F5 E6253 245 230 FloralWhiteFF FA F0255 250 240 Ivory FF FF F0255 255 240 AntiqueWhiteFA EB D7250 235 215 Linen FA F0 E6250 240 230 LavenderBlushFF F0 F5255 240 245 MistyRose FF E4 E1255 228 225 GrisGainsboro DC DC DC220 220 220 LightGray D3 D3 D3211 211 211 Silver C0 C0 C0192 192 192 DarkGray A9 A9 A9169 169 169 Gray 80 80 80128 128 128 DimGray 69 69 69105 105 105 LightSlateGray 77 88 99119 136 153 SlateGray 70 80 90112 128 144 DarkSlateGray2F 4F 4F 47 79 79 Black 00 00 00 0 0 0
Couleurs garanties sur le web
Un ensemble de couleurs qui pouvaient être affichées directement sur les écrans avec une carte graphique à 256 couleurs était nécessaire à l'époque de la définition des normes du Web. Pour la palette de couleurs garanties sur le web (web-safe colors), un ensemble donnant six niveaux de rouge, de vert et de bleu a été choisi, donnant 216 couleurs (6 × 6 × 6 = 216). Les systèmes d'exploitation pouvaient exploiter les 40 valeurs non attribuées. + Niveaux « sûrs » hex octet décimal % 0 0 0x00 0 0 1 3 0x33 51 20 2 6 0x66 102 40 3 9 0x99 153 60 4 C 0xCC 204 80 5 F 0xFF 255 100
Les codes de ces 216 couleurs choisies pour leur simplicité, sans considération d'esthétique ou d'utilité, peuvent tous s'appeler en utilisant la forme abrégée #NNN. La taille importante de l'échelon, un cinquième du maximum, garantit que les couleurs sont différentes et identifiables quelle que soit la fabrication ou le réglage de l'écran.. Seule une petite partie correspond à ceux qu'appellent les mots-clés.
La liste des couleurs a été présentée comme si elle avait des propriétés spéciales. Les applications peuvent modifier la table de correspondance de la palette des cartes graphiques à 256 couleurs. Les couleurs du web sont celles choisies par les principales applications de navigateur de l'époque qui n'étaient pas foncièrement différentes.
Les couleurs garanties sur le web avaient un défaut, sur les systèmes tels que X11 où la palette est partagée entre les applications, de plus petits cubes de couleurs RVB (5×5×5 ou 4×4×4) sont souvent alloués par les navigateurs — ainsi, les couleurs garanties sur le web trament sur de tels systèmes. De meilleurs résultats étaient obtenus en fournissant une image avec une plus large gamme de couleurs et permettant au navigateur de quantifier l'espace de couleur si nécessaire, plutôt que de subir la perte de qualité d'une double quantification.
Dans les premières années du , conduits par les besoins du jeu vidéo et de la photographie numérique, les ordinateurs personnels ont au moins des couleurs en 16 bits et généralement 24 bits (couleurs vraies). Même les appareils mobiles ont au moins les couleurs en 16 bits, du fait des options caméras sur les téléphones mobiles. L'utilisation des couleurs garanties web est tombé en désuétude, mais persiste dans le folklore.
Tableau de couleur