Назви кольорів HTML
Останні специфікації W3C назв кольорів розрізняють основні та розширені кольори.
У HTML і XHTML кольори можна використовувати для тексту, кольору фону, рамок, таблиць і окремих комірок таблиці.
Основні кольори HTML
Основними кольорами є 16 кольорів (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow) , визначених у специфікації HTML 4.01, ратифікованій у 1999 році (назви case-insensitive).
Ці 16 кольорів були позначені як sRGB і включені до специфікації HTML 3.0, де зазначено, що це «стандартні 16 кольорів, які підтримуються палітрою Windows VGA».
Розширені кольори HTML
Розширені кольори є результатом об’єднання специфікацій HTML 4.01, CSS 2.0, SVG 1.0 і інтерфейсів CSS3 (CSS3 UI).
Деякі кольори визначаються веб-браузерами. Певний браузер може не розпізнавати всі ці кольори, але з 2005 року всі сучасні графічні браузери загального використання підтримують повний список кольорів.
Багато з цих кольорів взяті зі списку назв кольорів X11, що розповсюджується разом із X Window System. Ці кольори були стандартизовані SVG 1.0 і приймаються агентами користувача SVG Full.
| Назва | Сімейство | 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% |
