On peux définir les couleurs du web en CSS via  :

  • Par leur nom de couleur anglaise
  • Par leur code RGB
  • Par leur code hexadécimal

Ce tableau vous permet de les synthétiser :

 

 

découvrez en annexe aux couleurs du web le cercle des couleurs utilisé en décoration intérieure et pas seulement

Le cercle chromatique des couleurs classique

Code couleurs html des standards web.



Nom FrançaisEnglish nameColorHexadecimalRGB – RVB
Noirblack #0000000 0 0
Gris matdimgrey (dimgray) #696969105 105 105
Grisgrey (gray) #808080128 128 128
Gris foncé (Acier)darkgrey (darkgray) #A9A9A9169 169 169
Gris argentsilver #C0C0C0192 192 192
Gris clairlightgrey (lightgray) #D3D3D3211 211 211
Gris gainsboro (Etain)gainsboro #DCDCDC220 220 220
Blanc fuméewhitesmoke #F5F5F5245 245 245
Blanc spectralghostwhite #F8F8FF248 248 255
BlancWhite #FFFFFF255 255 255
Ivoireivory #FFFFF0255 255 240
Blanc floralfloralwhite #FFFAF0255 250 240
Blanc coquillageseashell #FFF5EE255 245 238
Blanc lavandelavenderblush #FFF0F5255 240 245
Blanc dentelleoldlace #FDF5E6253 245 230
Blanc Linlinen #FAF0E6250 240 230
Rose brumeuxmistyrose #FFE4E1255 228 225
Rosepink #FFC0CB255 192 203
Rose clairlightpink #FFB6C1255 182 193
Rose Passionhotpink #FF69B4255 105 180
Rose profonddeeppink #FF1493255 20 147
Violet pâlepalevioletred #DB7093219 112 147
Fushia (Magenta)fuchsia (magenta) #FF00FF255 0 255
Violet moyenmediumvioletred #C71585199 21 133
Violet chardonthistle #D8BFD8216 191 216
Pruneplum #DDA0DD221 160 221
Violetviolet #EE82EE238 130 238
Violet orchidéeorchid #DA70D6218 112 214
Violet orchidée moyenmediumorchid #BA55D3186 85 211
Violet orchidée foncédarkorchid #9932CC153 50 204
Violet foncédarkviolet #9400D3148 0 211
Bleu violetblueviolet #8A2BE2138 43 226
Indigoindigo #4B008275 0 130
Bleu ardoise moyenmediumslateblue #7B68EE123 104 238
Bleu ardoiseslateblue #6A5ACD106 90 205
Bleu ardoise foncédarkslateblue #483D8B72 61 139
Pourpre moyenmediumpurple #9370DB147 112 219
Magenta foncédarkmagenta #8B008B139 0 139
Pourprepurple #800080128 0 128
Brun rosérosybrown #BC8F8F188 143 143
Corail clairlightcoral #F08080240 128 128
Corailcoral #FF7F50255 127 80
Tomatetomato #FF6347255 99 71
Orangéorangered #FF4500255 69 0
Rougered #FF0000255 0 0
Rouge cramoisicrimson #DC143C220 20 60
Saumon clairlightsalmon #FFA07A255 160 122
Saumon Foncédarksalmon #E9967A233 150 122
Saumonsalmon #FA8072250 128 114
Rouge Indienindianred #CD5C5C205 92 92
Rouge briquefirebrick #B22222178 34 34
Brunbrown #A52A2A165 42 42
Rouge foncédarkred #8B0000139 0 0
Bordeauxmaroon #800000128 0 0
Beigebeige #F5F5DC245 245 220
Beige antiqueantiquewhite #FAEBD7250 235 215
Beige papayepapayawhip #FFEFD5255 239 213
Amandeblanchedalmond #FFEBCD255 235 205
Bisquebisque #ffe4c4255 228 186
Beige pêchepeachpuff #FFDAB9255 218 185
Beige mocassinmoccasin #FFE4B5255 228 181
Jaune blanc navaronavajowhite #FFDEAD255 222 173
Jaune bléwheat #F5DEB3245 222 179
Brun bois rustiqueburlywood #DEB887222 184 135
Brun rouxtan #D2B48C210 180 140
Brun sablesandybrown #F4A460244 164 96
Orangeorange #FFA500255 165 0
Orange foncédarkorange #FF8C00255 140 0
Chocolatchocolate #D2691E210 105 30
Brun pérouperu #CD853F205 133 63
Terre de Siennesienna #A0522D160 82 45
Brun cuirsaddlebrown #8B4513139 69 19
Jaune clairlightyellow #FFFFE0255 255 224
Jaune maïs douxcornsilk #FFF8DC255 248 220
Jaune doré clairlightgoldenrodyellow #FAFAD2250 250 210
Beige citron soielemonchiffon #FFFACD255 250 205
Jaune doré pâlepalegoldenrod #EEE8AA238 232 170
Brun kakikhaki #F0E68C240 230 140
Jauneyellow #FFFF00255 255 0
Orgold #FFD700255 215 0
Jaune dorégoldenrod #DAA520218 165 32
Jaune doré foncédarkgoldenrod #B8860B184 134 11
Brun kaki foncédarkkhaki #BDB76B189 183 107
Jaune vertyellowgreen #9ACD32154 205 50
Kakiolivedrab #6B8E23107 142 35
Oliveolive #808000128 128 0
Vert olive foncédarkolivegreen #556B2F85 107 47
Vert jaunegreenyellow #ADFF2F173 255 47
Chartreusechartreuse #7FFF00127 255 0
Vert prairielawngreen #7CFC00124 252 0
Citron vertlime #00FF000 255 0
Citron vert foncélimegreen #32CD3250 205 50
Blanc menthemintcream #F5FFFA245 255 250
Miellathoneydew #F0FFF0240 255 240
Vert pâlepalegreen #98FB98152 251 152
Vert clairlightgreen #90EE90144 238 144
Vert printempsspringgreen #00FF7F0 255 127
Vert printemps moyenmediumspringgreen #00FA9A0 250 154
Vert forêtforestgreen #228B2234 139 34
Vertgreen #0080000 128 0
Vert foncédarkgreen #0064000 100 0
Vert océan foncédarkseagreen #8FBC8F143 188 143
Vert océan moyenmediumseagreen #3CB37160 179 113
Vert océanseagreen #2E8B5746 139 87
Gris ardoise clairlightslategray #778899119 136 153
Gris ardoiseslategray #708090112 128 144
Gris ardoise foncédarkslategray #2F4F4F47 79 79
Bleu alicealiceblue #F0F8FF240 248 255
Bleu azurazure #F0FFFF240 255 255
Cyan clairlightcyan #E0FFFF224 255 255
Azurinpaleturquoise #AFEEEE175 238 238
Aigue-marineaquamarine #7FFFD4127 255 212
Aigue-marine moyenmediumaquamarine #66CDAA102 205 170
Cyanaqua #00FFFF0 255 255
Turquoiseturquoise #40E0D064 224 208
Turquoise moyenmediumturquoise #48D1CC72 209 204
Turquoise foncédarkturquoise #00CED10 206 206
Vert marin clairlightseagreen #20B2AA32 178 170
Cyan foncédarkcyan #008B8B0 139 139
Vert sarcelleteal #0080800 128 128
Bleu pétrolecadetblue #5F9EA095 158 160
Bleu poudrepowderblue #B0E0E6176 224 230
Bleu clairlightblue #ADD8E6173 216 230
Bleu azur clairlightskyblue #87CEFA135 206 250
Bleu azurskyblue #87CEEB135 206 235
Bleu azur profonddeepskyblue #00BFFF0 191 255
Bleu toiledodgerblue #1E90FF30 144 255
Bleu lavandelavender #E6E6FA230 230 250
Bleu acier clairlightsteelblue #B0C4DE176 196 222
Bleuetcornflowerblue #6495ED100 149 237
Bleu aciersteelblue #4682B470 130 180
Bleu royalroyalblue #4169E165 105 225
Bleublue #0000FF0 0 255
Bleu moyenmediumblue #0000CD0 0 205
Bleu foncédarkblue #00008B0 0 139
Bleu marinnavy #0000800 0 128
Bleu de minuitmidnightblue #19197025 25 112

Les « couleurs du Web » sont un ensemble de couleurs spécifiées à l’aide de mots-clés dans les langages de programmation HTML et CSS, utilisés pour créer des pages web. Les créateurs de pages web peuvent définir ces couleurs de différentes manières, comme en utilisant des codes hexadécimaux RGB, des triplets décimaux ou des pourcentages. Pour simplifier, ils peuvent également utiliser des mots-clés basés sur une palette de 216 couleurs prédéfinies.

Cette limitation à 216 couleurs était due aux capacités limitées des ordinateurs personnels à l’époque où cette norme a été établie. Les noms de couleur associés sont plus compréhensibles que des codes, mais ils restent en anglais et ne sont pas traduits par les programmes de localisation des ordinateurs.

Les couleurs du web et le CSS et le HTML

En CSS ou HTML, il y a différentes façons de choisir et définir une couleur pour les éléments d’une page web. Une méthode courante est d’utiliser le code de couleur hexadécimal, comme par exemple color : #FFB6C1, qui représente une nuance de rose appelée lightpink.

Un autre moyen est d’utiliser un code couleur nommé, par exemple, color : lightpink, où le nom de la couleur est directement spécifié.

Il est également possible de définir une couleur en utilisant le code couleur RGB (Rouge Vert Bleu), comme dans l’exemple color : rgb(255,182,193), où les valeurs numériques représentent l’intensité des couleurs rouge, vert et bleu respectivement.

Une autre option est le code couleur HSL (Teinte Saturation Luminosité), comme dans color : hsl(351,100%,86%), où les valeurs numériques indiquent la teinte, la saturation et la luminosité de la couleur.

Ces méthodes ont été définies dans les spécifications CSS2 et CSS3, et elles sont acceptées par la plupart des navigateurs depuis quelques années. Choisir la méthode qui convient dépend souvent des préférences du développeur ou du designer, ainsi que des besoins spécifiques du projet web.