Le langage standard pour la construction de pages Web est HTML, ou Langage Signalétique Hyper Text. L'utilisation de couleurs pour rendre les pages Web plus attrayantes sur le plan esthétique est une partie essentielle de la conception Web. Les codes de couleur peuvent être utilisés pour spécifier les couleurs dans HTML.
Il existe deux manières principales de spécifier des couleurs dans HTML: en utilisant les noms de couleurs prédéfinis et en utilisant les codes couleurs hexadécimaux.
Le World Wide Web Consortium a normalisé 140 noms de couleurs en tant que noms de couleurs prédéfinis (W3C). Premièrement, ces couleurs incluent des teintes de base comme le rouge, le bleu et le vert, ainsi que des teintes plus spécialisées comme la lavande et le pérou. De plus, l'utilisation de noms de couleurs prédéterminés est simple et directe puisque vous utilisez simplement le nom de la couleur comme valeur de la propriété color. Par exemple, pour rendre la couleur d'arrière-plan d'une page Web rouge, utilisez le code suivant :
<body style="background-color:red;">Codes couleur hexadécimaux
Les codes de couleur hexadécimaux, ou codes hexadécimaux, sont un code à six chiffres qui indique la combinaison de teintes rouges, vertes et bleues (RVB). Un signe "#" est suivi de trois paires d'entiers hexadécimaux à deux chiffres pour représenter ces codes. Le code couleur du rouge, par exemple, est #FF0000. Les codes hexadécimaux sont plus adaptables que les noms de couleurs prédéfinis car ils permettent une plus grande gamme de couleurs, y compris des changements de nuances et de teintes. Pour changer la couleur d'arrière-plan d'une page Web en rouge, utilisez le code hexadécimal suivant :
<body style="background-color:#FF0000;">RGB
Le modèle de couleur RVB, qui vous permet de définir la quantité de rouge, de vert et de bleu dans la couleur, est une autre approche pour exprimer les couleurs en HTML. Les valeurs RVB pour chaque couleur peuvent varier de 0 à 255. La couleur rouge, par exemple, peut également être représentée par RVB (255, 0, 0).
<body style="background-color:rgb(255, 0, 0);">Présentation des codes de couleur HTML
Ci-dessous, nous avons fait une sélection des codes de couleur HTML les plus courants et les moins courants que vous pouvez utiliser pour styliser vos HTML fichier.
| Nom de la couleur | Code couleur |
|---|---|
| Noir | #000000 |
| Blanc | # FFFFFF |
| Rouge | # FF0000 |
| Green | #00FF00 |
| Bleu | # 0000FF |
| Jaune | # FFFF00 |
| Cyan | #00FFFF |
| Magenta | # FF00FF |
| Gray | #808080 |
| Gris clair | # D3D3D3 |
| Gris foncé | # A9A9A9 |
| Orange | # FFA500 |
| Rose | # FFC0CB |
| Violet | #800080 |
| Marron | # A52A2A |
| Nom de la couleur | Code couleur |
|---|---|
| Turquoise foncé | # 00CED1 |
| DarkViolet | # 9400D3 |
| Rose profond | # FF1493 |
| DeepSkyBlue | # 00BFFF |
| DimGray | #696969 |
| DodgerBlue | # 1E90FF |
| Brique De Feu | #B22222 |
| FloralBlanc | # FFFAF0 |
| Forêt verte | # 228B22 |
| Fuchsia | # FF00FF |
| Gainsboro | #DCDCDC. |
| GhostWhite | # F8F8FF |
| Or | # FFD700 |
| Goldenrod | # DAA520 |
| Gray | #808080 |
| Green | #008000 |
| Vert jaune | # ADFF2F |
| Miellat | # F0FFF0 |
| Rose vif | # FF69B4 |
| IndianRed | # CD5C5C |
| Indigo | # 4B0082 |
| Ivoire | # FFFFF0 |
| Kaki | # F0E68C |
| Lavande | # E6E6FA |
| LavenderBlush | # FFF0F5 |
| LawnGreen | # 7CFC00 |
| LemonChiffon | #Fffacd. |
| Bleu clair | # ADD8E6 |
| LightCoral | # F08080 |
| Cyan clair | # E0FFFF |
| LumièreGoldenrodJaune | # FAFAD2 |
| Gris clair | # D3D3D3 |
| Vert Clair | # 90EE90 |
| Rose clair | # FFB6C1 |
| LightSalmon | # FFA07A |
| LightSeaGreen | # 20B2AA |
| LightSkyBlue | # 87CEFA |
| LightSlateGray | #778899 |
| LightSteelBlue | # B0C4DE |
| Jaune clair | # FFFFE0 |
| de citron vert | #00FF00 |
| LimeGreen | # 32CD32 |
| Lin | # FAF0E6 |
| Nom de la couleur | Code couleur |
|---|---|
| Magenta | # FF00FF |
| Bordeaux | #800000 |
| MediumAquamarine | # 66CDAA |
| MediumBlue | # 0000CD |
| MediumOrchid | # BA55D3 |
| MediumPurple | # 9370DB |
| MediumSeaGreen | # 3CB371 |
| MediumSlateBlue | # 7B68EE |
| MediumSpringVert | # 00FA9A |
| MediumTurquoise | # 48D1CC |
| Rouge moyen | #C71585 |
| Bleu nuit | #191970 |
| MentheCrème | # F5FFFA |
| MistyRose | # FFE4E1 |
| Mocassin | # FFE4B5 |
| NavajoWhite | #Ffdead. |
| Marine | #000080 |
| Vieille dentelle | # FDF5E6 |
| Olive | #808000 |
| OliveDrab | # 6B8E23 |
| Orange | # FFA500 |
| Rouge-orange | # FF4500 |
| Orchidée | # DA70D6 |
| Verge d'or pâle | # EEE8AA |
| Vert pâle | # 98FB98 |
| PaleTurquoise | #Afeeee. |
| PaleVioletRed | #DB7093 |
| Papaye | # FFEFD5 |
| PeachPuff | # FFDAB9 |
| Pérou | # CD853F |
| Rose | # FFC0CB |
| Prune | # DDA0DD |
| Poudre bleue | # B0E0E6 |
| Violet | #800080 |
| RebeccaPurple | #663399 |
| Rouge | # FF0000 |
| RosyBrown | # BC8F8F |
| Bleu royal | # 4169E1 |
| Selle brune | # 8B4513 |
| de saumon | # FA8072 |
| SandyBrown | # F4A460 |
| SeaGreen | # 2E8B57 |
| Coquillage | # FFF5EE |
| Sienna | # A0522D |
| Argent | # C0C0C0 |
| Bleu ciel | # 87CEEB |
| SlateBlue | # 6A5ACD |
| Gris ardoise | #708090 |
| Neige | #Fffafa. |
| Vert printanier | # 00FF7F |
| Steelblue | # 4682B4 |
| Marron | # D2B48C |
| Sarcelle | #008080 |
| Chardon | # D8BFD8 |
| Tomate | # FF6347 |
| Turquoise | # 40E0D0 |
| Violet | # EE82EE |
| Blé | # F5DEB3 |
| Blanc | # FFFFFF |
| Fumée blanche | # F5F5F5 |
| Jaune | # FFFF00 |
| Vert jaunâtre | # 9ACD32 |
Veuillez garder à l'esprit qu'il ne s'agit que d'un petit échantillon des codes couleurs accessibles. Vous pouvez également créer une palette de couleurs plus large à l'aide d'applications telles que Adobe Color, PalettonEt autres.
