ColoromeІменовані кольори HTML та CSS
Останні специфікації W3C назв кольорів розрізняють основні та розширені іменовані кольори.
У HTML і XHTML кольори використовуються для оформлення тексту, фону, рамок, таблиць, окремих комірок таблиці, тощо.
Основні кольори HTML
Основними є 16 іменованих кольорів , визначених у специфікації HTML 4.01, ратифікованій у 1999 році. Назви кольорів на англійській мові (case-insensitive):
aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow
Ці 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% |