Codes Couleurs HTML
Les spécifications récentes du W3C concernant les noms de couleurs font la distinction entre les couleurs de base et étendues.
En HTML et XHTML , les couleurs peuvent être utilisées pour le texte, l'arrière-plan, les bordures, les tableaux et les cellules individuelles des tableaux.
Couleurs HTML de base
La spécification du HTML 4.01 définit 16 couleurs nommées appelées par mots-clés en anglais, et dont l'emploi n'est pas sensible à la casse:
aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow
Ces 16 couleurs étaient étiquetées sRGB et incluses dans la spécification HTML 3.0, qui indiquait qu'il s'agissait "des 16 couleurs standard prises en charge par la palette VGA de Windows".
Couleurs HTML étendues
Les couleurs étendues sont le résultat de la fusion des spécifications des interfaces utilisateur HTML 4.01, CSS 2.0, SVG 1.0 et CSS3 (CSS3 UI).
Plusieurs couleurs sont définies par les navigateurs web. Un navigateur particulier peut ne pas reconnaître toutes ces couleurs, mais depuis 2005, tous les navigateurs graphiques modernes à usage général supportent la liste complète des couleurs.
Beaucoup de ces couleurs proviennent de la liste des noms de couleurs X11 distribués avec le système X Window.
| Nom HTML | Famille | HEX | RGB | HSL |
|---|---|---|---|---|
| MediumVioletRed | pink | #C71585 | 199 21 133 | 322.2 80.91% 43.14% |
| DeepPink | pink | #FF1493 | 255 20 147 | 327.6 100% 53.92% |
| PaleVioletRed | pink | #DB7093 | 219 112 147 | 340.4 59.78% 64.9% |
| HotPink | pink | #FF69B4 | 255 105 180 | 330 100% 70.59% |
| LightPink | pink | #FFB6C1 | 255 182 193 | 351 100% 85.69% |
| Pink | pink | #FFC0CB | 255 192 203 | 349.5 100% 87.65% |
| DarkRed | red | #8B0000 | 139 0 0 | 0 100% 27.25% |
| Red | red | #FF0000 | 255 0 0 | 0 100% 50% |
| Firebrick | red | #B22222 | 178 34 34 | 0 67.92% 41.57% |
| Crimson | red | #DC143C | 220 20 60 | 348 83.33% 47.06% |
| IndianRed | red | #CD5C5C | 205 92 92 | 0 53.05% 58.24% |
| LightCoral | red | #F08080 | 240 128 128 | 0 78.87% 72.16% |
| Salmon | red | #FA8072 | 250 128 114 | 6.176 93.15% 71.37% |
| DarkSalmon | red | #E9967A | 233 150 122 | 15.14 71.61% 69.61% |
| LightSalmon | red | #FFA07A | 255 160 122 | 17.14 100% 73.92% |
| OrangeRed | orange | #FF4500 | 255 69 0 | 16.24 100% 50% |
| Tomato | orange | #FF6347 | 255 99 71 | 9.13 100% 63.92% |
| DarkOrange | orange | #FF8C00 | 255 140 0 | 32.94 100% 50% |
| Coral | orange | #FF7F50 | 255 127 80 | 16.11 100% 65.69% |
| Orange | orange | #FFA500 | 255 165 0 | 38.82 100% 50% |
| DarkKhaki | yellow | #BDB76B | 189 183 107 | 55.61 38.32% 58.04% |
| Gold | yellow | #FFD700 | 255 215 0 | 50.59 100% 50% |
| Khaki | yellow | #F0E68C | 240 230 140 | 54 76.92% 74.51% |
| PeachPuff | yellow | #FFDAB9 | 255 218 185 | 28.29 100% 86.27% |
| Yellow | yellow | #FFFF00 | 255 255 0 | 60 100% 50% |
| PaleGoldenrod | yellow | #EEE8AA | 238 232 170 | 54.71 66.67% 80% |
| Moccasin | yellow | #FFE4B5 | 255 228 181 | 38.11 100% 85.49% |
| PapayaWhip | yellow | #FFEFD5 | 255 239 213 | 37.14 100% 91.76% |
| LightGoldenrodYellow | yellow | #FAFAD2 | 250 250 210 | 60 80% 90.2% |
| LemonChiffon | yellow | #FFFACD | 255 250 205 | 54 100% 90.2% |
| LightYellow | yellow | #FFFFE0 | 255 255 224 | 60 100% 93.92% |
| Maroon | brown | #800000 | 128 0 0 | 0 100% 25.1% |
| Brown | brown | #A52A2A | 165 42 42 | 0 59.42% 40.59% |
| SaddleBrown | brown | #8B4513 | 139 69 19 | 25 75.95% 30.98% |
| Sienna | brown | #A0522D | 160 82 45 | 19.3 56.1% 40.2% |
| Chocolate | brown | #D2691E | 210 105 30 | 25 75% 47.06% |
| DarkGoldenrod | brown | #B8860B | 184 134 11 | 42.66 88.72% 38.24% |
| Peru | brown | #CD853F | 205 133 63 | 29.58 58.68% 52.55% |
| RosyBrown | brown | #BC8F8F | 188 143 143 | 0 25.14% 64.9% |
| Goldenrod | brown | #DAA520 | 218 165 32 | 42.9 74.4% 49.02% |
| SandyBrown | brown | #F4A460 | 244 164 96 | 27.57 87.06% 66.67% |
| Tan | brown | #D2B48C | 210 180 140 | 34.29 43.75% 68.63% |
| Burlywood | brown | #DEB887 | 222 184 135 | 33.79 56.86% 70% |
| Wheat | brown | #F5DEB3 | 245 222 179 | 39.09 76.74% 83.14% |
| NavajoWhite | brown | #FFDEAD | 255 222 173 | 35.85 100% 83.92% |
| Bisque | brown | #FFE4C4 | 255 228 196 | 32.54 100% 88.43% |
| BlanchedAlmond | brown | #FFEBCD | 255 235 205 | 36 100% 90.2% |
| Cornsilk | brown | #FFF8DC | 255 248 220 | 48 100% 93.14% |
| DarkGreen | green | #006400 | 0 100 0 | 120 100% 19.61% |
| Green | green | #008000 | 0 128 0 | 120 100% 25.1% |
| DarkOliveGreen | green | #556B2F | 85 107 47 | 82 38.96% 30.2% |
| ForestGreen | green | #228B22 | 34 139 34 | 120 60.69% 33.92% |
| SeaGreen | green | #2E8B57 | 46 139 87 | 146.5 50.27% 36.27% |
| Olive | green | #808000 | 128 128 0 | 60 100% 25.1% |
| OliveDrab | green | #6B8E23 | 107 142 35 | 79.63 60.45% 34.71% |
| MediumSeaGreen | green | #3CB371 | 60 179 113 | 146.7 49.79% 46.86% |
| LimeGreen | green | #32CD32 | 50 205 50 | 120 60.78% 50% |
| Lime | green | #00FF00 | 0 255 0 | 120 100% 50% |
| SpringGreen | green | #00FF7F | 0 255 127 | 149.9 100% 50% |
| MediumSpringGreen | green | #00FA9A | 0 250 154 | 157 100% 49.02% |
| DarkSeaGreen | green | #8FBC8F | 143 188 143 | 120 25.14% 64.9% |
| MediumAquamarine | green | #66CDAA | 102 205 170 | 159.6 50.74% 60.2% |
| YellowGreen | green | #9ACD32 | 154 205 50 | 79.74 60.78% 50% |
| LawnGreen | green | #7CFC00 | 124 252 0 | 90.48 100% 49.41% |
| Chartreuse | green | #7FFF00 | 127 255 0 | 90.12 100% 50% |
| LightGreen | green | #90EE90 | 144 238 144 | 120 73.44% 74.9% |
| GreenYellow | green | #ADFF2F | 173 255 47 | 83.65 100% 59.22% |
| PaleGreen | green | #98FB98 | 152 251 152 | 120 92.52% 79.02% |
| MistyRose | white | #FFE4E1 | 255 228 225 | 6 100% 94.12% |
| AntiqueWhite | white | #FAEBD7 | 250 235 215 | 34.29 77.78% 91.18% |
| Linen | white | #FAF0E6 | 250 240 230 | 30 66.67% 94.12% |
| Beige | white | #F5F5DC | 245 245 220 | 60 55.56% 91.18% |
| WhiteSmoke | white | #F5F5F5 | 245 245 245 | 0 0% 96.08% |
| LavenderBlush | white | #FFF0F5 | 255 240 245 | 340 100% 97.06% |
| OldLace | white | #FDF5E6 | 253 245 230 | 39.13 85.19% 94.71% |
| AliceBlue | white | #F0F8FF | 240 248 255 | 208 100% 97.06% |
| Seashell | white | #FFF5EE | 255 245 238 | 24.71 100% 96.67% |
| GhostWhite | white | #F8F8FF | 248 248 255 | 240 100% 98.63% |
| Honeydew | white | #F0FFF0 | 240 255 240 | 120 100% 97.06% |
| FloralWhite | white | #FFFAF0 | 255 250 240 | 40 100% 97.06% |
| Azure | white | #F0FFFF | 240 255 255 | 180 100% 97.06% |
| MintCream | white | #F5FFFA | 245 255 250 | 150 100% 98.04% |
| Snow | white | #FFFAFA | 255 250 250 | 0 100% 99.02% |
| Ivory | white | #FFFFF0 | 255 255 240 | 60 100% 97.06% |
| White | white | #FFFFFF | 255 255 255 | 0 0% 100% |
| Black | gray | #000000 | 0 0 0 | 0 0% 0% |
| DarkSlateGray | gray | #2F4F4F | 47 79 79 | 180 25.4% 24.71% |
| DimGray | gray | #696969 | 105 105 105 | 0 0% 41.18% |
| SlateGray | gray | #708090 | 112 128 144 | 210 12.6% 50.2% |
| Gray | gray | #808080 | 128 128 128 | 0 0% 50.2% |
| LightSlateGray | gray | #778899 | 119 136 153 | 210 14.29% 53.33% |
| DarkGray | gray | #A9A9A9 | 169 169 169 | 0 0% 66.27% |
| Silver | gray | #C0C0C0 | 192 192 192 | 0 0% 75.29% |
| LightGray | gray | #D3D3D3 | 211 211 211 | 0 0% 82.75% |
| Gainsboro | gray | #DCDCDC | 220 220 220 | 0 0% 86.27% |
| Indigo | purple | #4B0082 | 75 0 130 | 274.6 100% 25.49% |
| Purple | purple | #800080 | 128 0 128 | 300 100% 25.1% |
| DarkMagenta | purple | #8B008B | 139 0 139 | 300 100% 27.25% |
| DarkViolet | purple | #9400D3 | 148 0 211 | 282.1 100% 41.37% |
| DarkSlateBlue | purple | #483D8B | 72 61 139 | 248.5 39% 39.22% |
| BlueViolet | purple | #8A2BE2 | 138 43 226 | 271.1 75.93% 52.75% |
| DarkOrchid | purple | #9932CC | 153 50 204 | 280.1 60.63% 49.8% |
| Fuchsia | purple | #FF00FF | 255 0 255 | 300 100% 50% |
| Magenta | purple | #FF00FF | 255 0 255 | 300 100% 50% |
| SlateBlue | purple | #6A5ACD | 106 90 205 | 248.3 53.49% 57.84% |
| MediumSlateBlue | purple | #7B68EE | 123 104 238 | 248.5 79.76% 67.06% |
| MediumOrchid | purple | #BA55D3 | 186 85 211 | 288.1 58.88% 58.04% |
| MediumPurple | purple | #9370DB | 147 112 219 | 259.6 59.78% 64.9% |
| Orchid | purple | #DA70D6 | 218 112 214 | 302.3 58.89% 64.71% |
| Violet | purple | #EE82EE | 238 130 238 | 300 76.06% 72.16% |
| Plum | purple | #DDA0DD | 221 160 221 | 300 47.29% 74.71% |
| Thistle | purple | #D8BFD8 | 216 191 216 | 300 24.27% 79.8% |
| Lavender | purple | #E6E6FA | 230 230 250 | 240 66.67% 94.12% |
| MidnightBlue | blue | #191970 | 25 25 112 | 240 63.5% 26.86% |
| Navy | blue | #000080 | 0 0 128 | 240 100% 25.1% |
| DarkBlue | blue | #00008B | 0 0 139 | 240 100% 27.25% |
| MediumBlue | blue | #0000CD | 0 0 205 | 240 100% 40.2% |
| Blue | blue | #0000FF | 0 0 255 | 240 100% 50% |
| RoyalBlue | blue | #4169E1 | 65 105 225 | 225 72.73% 56.86% |
| SteelBlue | blue | #4682B4 | 70 130 180 | 207.3 44% 49.02% |
| DodgerBlue | blue | #1E90FF | 30 144 255 | 209.6 100% 55.88% |
| DeepSkyBlue | blue | #00BFFF | 0 191 255 | 195.1 100% 50% |
| CornflowerBlue | blue | #6495ED | 100 149 237 | 218.5 79.19% 66.08% |
| SkyBlue | blue | #87CEEB | 135 206 235 | 197.4 71.43% 72.55% |
| LightSkyBlue | blue | #87CEFA | 135 206 250 | 203 92% 75.49% |
| LightSteelBlue | blue | #B0C4DE | 176 196 222 | 213.9 41.07% 78.04% |
| LightBlue | blue | #ADD8E6 | 173 216 230 | 194.7 53.27% 79.02% |
| PowderBlue | blue | #B0E0E6 | 176 224 230 | 186.7 51.92% 79.61% |
| Teal | cyan | #008080 | 0 128 128 | 180 100% 25.1% |
| DarkCyan | cyan | #008B8B | 0 139 139 | 180 100% 27.25% |
| LightSeaGreen | cyan | #20B2AA | 32 178 170 | 176.7 69.52% 41.18% |
| CadetBlue | cyan | #5F9EA0 | 95 158 160 | 181.8 25.49% 50% |
| DarkTurquoise | cyan | #00CED1 | 0 206 209 | 180.9 100% 40.98% |
| MediumTurquoise | cyan | #48D1CC | 72 209 204 | 177.8 59.83% 55.1% |
| Turquoise | cyan | #40E0D0 | 64 224 208 | 174 72.07% 56.47% |
| Aqua | cyan | #00FFFF | 0 255 255 | 180 100% 50% |
| Cyan | cyan | #00FFFF | 0 255 255 | 180 100% 50% |
| Aquamarine | cyan | #7FFFD4 | 127 255 212 | 159.8 100% 74.9% |
| PaleTurquoise | cyan | #AFEEEE | 175 238 238 | 180 64.95% 80.98% |
| LightCyan | cyan | #E0FFFF | 224 255 255 | 180 100% 93.92% |