Previous Up Next
Université Lille 3-Charles de GaulleUFR de Mathématiques Sciences Économiques et Sociales

Chapitre 6  HTML, les couleurs

6.1  Couleurs RGB

En plus de quelques noms prédéfinis (red, blue, green, yellow, etc.) les couleurs informatiques sont définies par leur décomposition en 3 couleurs primaires qui sont rouge (Red), vert (Green) et bleu (Blue) : c'est le système RGB.

Toute couleur est alors définie par 3 nombres (entre 0 et 2551 qui définissent chacun la quantité de la couleur primaire correspondante qui doit intervenir.

6.2  Quelques exemples



Rouge Vert Bleu Couleur obtenue Commentaire
255 0 0 XXXXXXXXX Rouge pur
0 255 0 XXXXXXXXX Vert pur
0 0 255 XXXXXXXXX Bleu pur
128 0 0 XXXXXXXXX Rouge moyen
0 128 0 XXXXXXXXX Vert moyen
0 0 128 XXXXXXXXX Bleu moyen
0 0 0 XXXXXXXXX Noir (aucune couleur)
255 255 255 XXXXXXXXX Blanc (tout en même temps)
128 128 128 XXXXXXXXX Gris moyen (tout à moitié)
160 255 32 XXXXXXXXX Un vert avec du rouge et un peu de bleu


6.3  Comment ça s'utilise ?

À chaque fois que vous utilisez le nom d'une couleur (red, blue, green, yellow, etc.), vous pouvez aussi utiliser un code RBG (#FF0000, #00FF00, #0000FF, #800000, #008000, #000080, #000000, #808080, #A0FF20).

6.4  Comment calculer un code RGB ?

Il s'agit d'un calcul en base 16 (on dit que c'est une valeur hexadécimale).

La base 16 utilise en plus de nos 10 chiffres (0, 1, 2, 3, ... , 8, 9) les chiffres A, B, C, D, E et F qui représentent respectivement les valeurs 10, 11, 12, 13, 14 et 15.

Notre système de calcul habituel est en base 10. Cela signifie que quand nous écrivons 35 on parle de 3 dizaines et 5 unités.

Par contre le nombre qui s'écrit 36 en base 16 représente 3 seizaines et 6 unités, ce qui fait en base 10 (notre système de calcul habituel) : 3 fois 16, c'est-à-dire 48, à quoi on ajoute 6, c'est-à-dire un résultat de 54.

On écrira quelques fois : 3616=5410.

Le plus grand nombre qu'on puisse écrire en base 10 avec 2 chiffres est 99 (9 est le plus grand chiffre en base 10).

De la même façon le plus grand nombre qu'on puisse écrire en base 16 avec 2 chiffres est FF (F est le plus grand chiffre en base 16 ; voir plus haut). C'est (en base 10) : 15×16+15=240+15=255.

6.5  Tableau de correspondance

On a les correspondances suivantes :
10 16 10 16 10 16 10 16 10 16 10 16 10 16 10 16
0 00 1 01 2 02 3 03 4 04 5 05 6 06 7 07
8 08 9 09 10 A 11 B 12 C 13 D 14 E 15 F
16 10 17 11 18 12 19 13 20 14 21 15 22 16 23 17
24 18 25 19 26 1A 27 1B 28 1C 29 1D 30 1E 31 1F
32 20 33 21 34 22 35 23 36 24 37 25 38 26 39 27
40 28 41 29 42 2A 43 2B 44 2C 45 2D 46 2E 47 2F
48 30 49 31 50 32 51 33 52 34 53 35 54 36 55 37
56 38 57 39 58 3A 59 3B 60 3C 61 3D 62 3E 63 3F
64 40 65 41 66 42 67 43 68 44 69 45 70 46 71 47
72 48 73 49 74 4A 75 4B 76 4C 77 4D 78 4E 79 4F
80 50 81 51 82 52 83 53 84 54 85 55 86 56 87 57
88 58 89 59 90 5A 91 5B 92 5C 93 5D 94 5E 95 5F
96 60 97 61 98 62 99 63 100 64 101 65 102 66 103 67
104 68 105 69 106 6A 107 6B 108 6C 109 6D 110 6E 111 6F
112 70 113 71 114 72 115 73 116 74 117 75 118 76 119 77
120 78 121 79 122 7A 123 7B 124 7C 125 7D 126 7E 127 7F
128 80 129 81 130 82 131 83 132 84 133 85 134 86 135 87
136 88 137 89 138 8A 139 8B 140 8C 141 8D 142 8E 143 8F
144 90 145 91 146 92 147 93 148 94 149 95 150 96 151 97
152 98 153 99 154 9A 155 9B 156 9C 157 9D 158 9E 159 9F
160 A0 161 A1 162 A2 163 A3 164 A4 165 A5 166 A6 167 A7
168 A8 169 A9 170 AA 171 AB 172 AC 173 AD 174 AE 175 AF
176 B0 177 B1 178 B2 179 B3 180 B4 181 B5 182 B6 183 B7
184 B8 185 B9 186 BA 187 BB 188 BC 189 BD 190 BE 191 BF
192 C0 193 C1 194 C2 195 C3 196 C4 197 C5 198 C6 199 C7
200 C8 201 C9 202 CA 203 CB 204 CC 205 CD 206 CE 207 CF
208 D0 209 D1 210 D2 211 D3 212 D4 213 D5 214 D6 215 D7
216 D8 217 D9 218 DA 219 DB 220 DC 221 DD 222 DE 223 DF
224 E0 225 E1 226 E2 227 E3 228 E4 229 E5 230 E6 231 E7
232 E8 233 E9 234 EA 235 EB 236 EC 237 ED 238 EE 239 EF
240 F0 241 F1 242 F2 243 F3 244 F4 245 F5 246 F6 247 F7
248 F8 249 F9 250 FA 251 FB 252 FC 253 FD 254 FE 255 FF


6.6  Et plus simple ?

Vous pourrez trouver un nuancier à cette adresse :
http://www.multimania.com/hal9000/nuancier.htm .


1
256 (c'est-à-dire 28) valeurs : un octet.
D.Gonzalez (gonzalez@univ-lille3.fr) en date du th , 

Previous Up Next