На данной странице представлены специальные ключевые слова, которые можно применять для обозначения того или иного цвета на интернет сайтах, и при разработке на языках программирования для Web, таких как HTML, CSS, JavaScript, Flash, и др.
В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более поздних спецификациях дополнительно было определено ещё 130 различных названий цветов. Следующая таблица содержит имена, и образцы цветов, которые ассоциируются с этими именами.
Таблица HTML цветов
Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме
Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.
| HTML Имя Цвета | HEX | RGB |
|---|---|---|
| Красные тона: | ||
| IndianRed | #CD5C5C | 205, 92, 92 |
| LightCoral | #F08080 | 240, 128, 128 |
| Salmon | #FA8072 | 250, 128, 114 |
| DarkSalmon | #E9967A | 233, 150, 122 |
| LightSalmon | #FFA07A | 255, 160, 122 |
| Crimson | #DC143C | 220, 20, 60 |
| Red | #FF0000 | 255, 0, 0 |
| FireBrick | #B22222 | 178, 34, 34 |
| DarkRed | #8B0000 | 139, 0, 0 |
| Розовые тона: | ||
| Pink | #FFC0CB | 255, 192, 203 |
| LightPink | #FFB6C1 | 255, 182, 193 |
| HotPink | #FF69B4 | 255, 105, 180 |
| DeepPink | #FF1493 | 255, 20, 147 |
| MediumVioletRed | #C71585 | 199, 21, 133 |
| PaleVioletRed | #DB7093 | 219, 112, 147 |
| Оранжевые тона: | ||
| LightSalmon | #FFA07A | 255, 160, 122 |
| Coral | #FF7F50 | 255, 127, 80 |
| Tomato | #FF6347 | 255, 99, 71 |
| OrangeRed | #FF4500 | 255, 69, 0 |
| DarkOrange | #FF8C00 | 255, 140, 0 |
| Orange | #FFA500 | 255, 165, 0 |
| Жёлтые тона: | ||
| Gold | #FFD700 | 255, 215, 0 |
| Yellow | #FFFF00 | 255, 255, 0 |
| LightYellow | #FFFFE0 | 255, 255, 224 |
| LemonChiffon | #FFFACD | 255, 250, 205 |
| LightGoldenrodYellow | #FAFAD2 | 250, 250, 210 |
| PapayaWhip | #FFEFD5 | 255, 239, 213 |
| Moccasin | #FFE4B5 | 255, 228, 181 |
| PeachPuff | #FFDAB9 | 255, 218, 185 |
| PaleGoldenrod | #EEE8AA | 238, 232, 170 |
| Khaki | #F0E68C | 240, 230, 140 |
| DarkKhaki | #BDB76B | 189, 183, 107 |
| Фиолетовые тона: | ||
| Lavender | #E6E6FA | 230, 230, 250 |
| Thistle | #D8BFD8 | 216, 191, 216 |
| Plum | #DDA0DD | 221, 160, 221 |
| Violet | #EE82EE | 238, 130, 238 |
| Orchid | #DA70D6 | 218, 112, 214 |
| Fuchsia | #FF00FF | 255, 0, 255 |
| Magenta | #FF00FF | 255, 0, 255 |
| MediumOrchid | #BA55D3 | 186, 85, 211 |
| MediumPurple | #9370DB | 147, 112, 219 |
| BlueViolet | #8A2BE2 | 138, 43, 226 |
| DarkViolet | #9400D3 | 148, 0, 211 |
| DarkOrchid | #9932CC | 153, 50, 204 |
| DarkMagenta | #8B008B | 139, 0, 139 |
| Purple | #800080 | 128, 0, 128 |
| Indigo | #4B0082 | 75, 0, 130 |
| SlateBlue | #6A5ACD | 106, 90, 205 |
| DarkSlateBlue | #483D8B | 72, 61, 139 |
| Коричневые тона: | ||
| Cornsilk | #FFF8DC | 255, 248, 220 |
| BlanchedAlmond | #FFEBCD | 255, 235, 205 |
| Bisque | #FFE4C4 | 255, 228, 196 |
| NavajoWhite | #FFDEAD | 255, 222, 173 |
| Wheat | #F5DEB3 | 245, 222, 179 |
| BurlyWood | #DEB887 | 222, 184, 135 |
| Tan | #D2B48C | 210, 180, 140 |
| RosyBrown | #BC8F8F | 188, 143, 143 |
| SandyBrown | #F4A460 | 244, 164, 96 |
| Goldenrod | #DAA520 | 218, 165, 32 |
| DarkGoldenRod | #B8860B | 184, 134, 11 |
| Peru | #CD853F | 205, 133, 63 |
| Chocolate | #D2691E | 210, 105, 30 |
| SaddleBrown | #8B4513 | 139, 69, 19 |
| Sienna | #A0522D | 160, 82, 45 |
| Brown | #A52A2A | 165, 42, 42 |
| Maroon | #800000 | 128, 0, 0 |
| Основные цвета: | ||
| Black | #000000 | 0, 0, 0 |
| Gray | #808080 | 128, 128, 128 |
| Silver | #C0C0C0 | 192, 192, 192 |
| White | #FFFFFF | 255, 255, 255 |
| Fuchsia | #FF00FF | 255, 0, 255 |
| Purple | #800080 | 128, 0, 128 |
| Red | #FF0000 | 255, 0, 0 |
| Maroon | #800000 | 128, 0, 0 |
| Yellow | #FFFF00 | 255, 255, 0 |
| Olive | #808000 | 128, 128, 0 |
| Lime | #00FF00 | 0, 255, 0 |
| Green | #008000 | 0, 128, 0 |
| Aqua | #00FFFF | 0, 255, 255 |
| Teal | #008080 | 0, 128, 128 |
| Blue | #0000FF | 0, 0, 255 |
| Navy | #000080 | 0, 0, 128 |
| HTML Имя Цвета | HEX | RGB |
|---|---|---|
| Зелёные тона: | ||
| GreenYellow | #ADFF2F | 173, 255, 47 |
| Chartreuse | #7FFF00 | 127, 255, 0 |
| LawnGreen | #7CFC00 | 124, 252, 0 |
| Lime | #00FF00 | 0, 255, 0 |
| LimeGreen | #32CD32 | 50, 205, 50 |
| PaleGreen | #98FB98 | 152, 251, 152 |
| LightGreen | #90EE90 | 144, 238, 144 |
| MediumSpringGreen | #00FA9A | 0, 250, 154 |
| SpringGreen | #00FF7F | 0, 255, 127 |
| MediumSeaGreen | #3CB371 | 60, 179, 113 |
| SeaGreen | #2E8B57 | 46, 139, 87 |
| ForestGreen | #228B22 | 34, 139, 34 |
| Green | #008000 | 0, 128, 0 |
| DarkGreen | #006400 | 0, 100, 0 |
| YellowGreen | #9ACD32 | 154, 205, 50 |
| OliveDrab | #6B8E23 | 107, 142, 35 |
| Olive | #808000 | 128, 128, 0 |
| DarkOliveGreen | #556B2F | 85, 107, 47 |
| MediumAquamarine | #66CDAA | 102, 205, 170 |
| DarkSeaGreen | #8FBC8F | 143, 188, 143 |
| LightSeaGreen | #20B2AA | 32, 178, 170 |
| DarkCyan | #008B8B | 0, 139, 139 |
| Teal | #008080 | 0, 128, 128 |
| Синие тона: | ||
| Aqua | #00FFFF | 0, 255, 255 |
| Cyan | #00FFFF | 0, 255, 255 |
| LightCyan | #E0FFFF | 224, 255, 255 |
| PaleTurquoise | #AFEEEE | 175, 238, 238 |
| Aquamarine | #7FFFD4 | 127, 255, 212 |
| Turquoise | #40E0D0 | 64, 224, 208 |
| MediumTurquoise | #48D1CC | 72, 209, 204 |
| DarkTurquoise | #00CED1 | 0, 206, 209 |
| CadetBlue | #5F9EA0 | 95, 158, 160 |
| SteelBlue | #4682B4 | 70, 130, 180 |
| LightSteelBlue | #B0C4DE | 176, 196, 222 |
| PowderBlue | #B0E0E6 | 176, 224, 230 |
| LightBlue | #ADD8E6 | 173, 216, 230 |
| SkyBlue | #87CEEB | 135, 206, 235 |
| LightSkyBlue | #87CEFA | 135, 206, 250 |
| DeepSkyBlue | #00BFFF | 0, 191, 255 |
| DodgerBlue | #1E90FF | 30, 144, 255 |
| CornflowerBlue | #6495ED | 100, 149, 237 |
| MediumSlateBlue | #7B68EE | 123, 104, 238 |
| RoyalBlue | #4169E1 | 65, 105, 225 |
| Blue | #0000FF | 0, 0, 255 |
| MediumBlue | #0000CD | 0, 0, 205 |
| DarkBlue | #00008B | 0, 0, 139 |
| Navy | #000080 | 0, 0, 128 |
| MidnightBlue | #191970 | 25, 25, 112 |
| Белые тона: | ||
| White | #FFFFFF | 255, 255, 255 |
| Snow | #FFFAFA | 255, 250, 250 |
| Honeydew | #F0FFF0 | 240, 255, 240 |
| MintCream | #F5FFFA | 245, 255, 250 |
| Azure | #F0FFFF | 240, 255, 255 |
| AliceBlue | #F0F8FF | 240, 248, 255 |
| GhostWhite | #F8F8FF | 248, 248, 255 |
| WhiteSmoke | #F5F5F5 | 245, 245, 245 |
| Seashell | #FFF5EE | 255, 245, 238 |
| Beige | #F5F5DC | 245, 245, 220 |
| OldLace | #FDF5E6 | 253, 245, 230 |
| FloralWhite | #FFFAF0 | 255, 250, 240 |
| Ivory | #FFFFF0 | 255, 255, 240 |
| AntiqueWhite | #FAEBD7 | 250, 235, 215 |
| Linen | #FAF0E6 | 250, 240, 230 |
| LavenderBlush | #FFF0F5 | 255, 240, 245 |
| MistyRose | #FFE4E1 | 255, 228, 225 |
| Серые тона: | ||
| Gainsboro | #DCDCDC | 220, 220, 220 |
| LightGrey | #D3D3D3 | 211, 211, 211 |
| LightGray | #D3D3D3 | 211, 211, 211 |
| Silver | #C0C0C0 | 192, 192, 192 |
| DarkGray | #A9A9A9 | 169, 169, 169 |
| DarkGrey | #A9A9A9 | 169, 169, 169 |
| Gray | #808080 | 128, 128, 128 |
| Grey | #808080 | 128, 128, 128 |
| DimGray | #696969 | 105, 105, 105 |
| DimGrey | #696969 | 105, 105, 105 |
| LightSlateGray | #778899 | 119, 136, 153 |
| LightSlateGrey | #778899 | 119, 136, 153 |
| SlateGray | #708090 | 112, 128, 144 |
| SlateGrey | #708090 | 112, 128, 144 |
| DarkSlateGray | #2F4F4F | 47, 79, 79 |
| DarkSlateGrey | #2F4F4F | 47, 79, 79 |
| Black | #000000 | 0, 0, 0 |
Синие цвета и оттенки
Здесь представлены разновидности синих цветов и оттенков, список интересных, необычных тонов и их названий, а также коды HEX и RGB. На каждый цвет можно перейти по ссылке и скачать его.
- СинийHEX: #0000FF, RGB: 0,0,255
- ГолубойHEX: #42AAFF, RGB: 66,170,255
- Аквамариновый КрайолаHEX: #78DBE2, RGB: 120,219,226
- Аспидно-синийHEX: #6A5ACD, RGB: 106,90,205
- Барвинок (Перванш)HEX: #CCCCFF, RGB: 204,204,255
- Барвинок КрайолаHEX: #C5D0E6, RGB: 197,208,230
- Берлинская лазурьHEX: #003153, RGB: 0,49,83
- Бирюзово-голубойHEX: #77DDE7, RGB: 119,221,231
- Бирюзово-синийHEX: #3F888F, RGB: 119,221,231
- Бледно-васильковыйHEX: #ABCDEF, RGB: 171,205,239
- Бледно-синийHEX: #AFEEEE, RGB: 175,238,238
- Блестящий синийHEX: #4285B4, RGB: 66,133,180
- Бриллиантово-синийHEX: #3E5F8A, RGB: 62,95,138
- ВасильковыйHEX: #6495ED, RGB: 100,149,237
- Васильковый КрайолаHEX: #9ACEEB, RGB: 154,206,235
- Вода пляжа БондиHEX: #0095B6, RGB: 0,149,182
- Глубокий синийHEX: #002F55, RGB: 0,47,85
- Голубино-синийHEX: #606E8C, RGB: 96,110,140
- Голубой колокольчикHEX: #A2A2D0, RGB: 0,0,255
- Голубой КрайолаHEX: #80DAEB, RGB: 128,218,235
- Горечавково-синийHEX: #0E294B, RGB: 14,41,75
- Джинсовый синийHEX: #1560BD, RGB: 21,96,189
- Дикий синийHEX: #A2ADD0, RGB: 162,173,208
- Защитно-синийHEX: #1E90FF, RGB: 30,144,255
- Зелено-синий КрайолаHEX: #1164B4, RGB: 17,100,180
- Индиго КрайолаHEX: #5D76CB, RGB: 93,118,203
- Кадетский синийHEX: #5F9EA0, RGB: 95,158,160
- Кадетский синий КрайолаHEX: #B0B7C6, RGB: 176,183,198
- Капри синийHEX: #1B5583, RGB: 27,85,131
- Кобальтово-синийHEX: #1E213D, RGB: 30,33,61
- КобальтовыйHEX: #0047AB, RGB: 0,71,171
- Королевский синийHEX: #4169E1, RGB: 65,105,225
- ЛазурныйHEX: #007FFF, RGB: 0,127,255
- Мертвенный индигоHEX: #00416A, RGB: 0,65,106
- Морозное небоHEX: #00BFFF, RGB: 0,191,255
- Насыщенный синийHEX: #00538A, RGB: 0,83,138
- Небесно-синийHEX: #2271B3, RGB: 34,113,179
- НебесныйHEX: #7FC7FF, RGB: 127,199,255
- НиагараHEX: #9DB1CC, RGB: 157,177,204
- Ночной синийHEX: #252850, RGB: 37,40,80
- Океанская синьHEX: #1D334A, RGB: 29,51,74
- Отдаленно-синийHEX: #49678D, RGB: 73,103,141
- Очень светлый синийHEX: #A6BDD7, RGB: 166,189,215
- Пастельно-синийHEX: #5D9B9B, RGB: 93,155,155
- Перламутровый горечавково-синийHEX: #2A6478, RGB: 42,100,120
- Перламутровый ночнойHEX: #102C54, RGB: 16,44,84
- Персидский индигоHEX: #32127A, RGB: 50,18,122
- Персидский синийHEX: #6600FF, RGB: 102,0,255
- Полуночно-синийHEX: #003366, RGB: 0,51,102
- Полуночный черныйHEX: #191970, RGB: 25,25,112
- Пурпурно-синийHEX: #20155E, RGB: 32,21,94
- Пурпурное сердцеHEX: #7442C8, RGB: 116,66,200
- Пыльный голубойHEX: #B0E0E6, RGB: 176,224,230
- Сапфирово-синийHEX: #1D1E33, RGB: 29,30,51
- СапфировыйHEX: #082567, RGB: 8,37,103
- Светло-голубойHEX: #87CEFA, RGB: 135,206,250
- Светло-синийHEX: #A6CAF0, RGB: 166,202,240
- Светлый сине-серыйHEX: #6C92AF, RGB: 108,146,175
- Светлый синийHEX: #ADD8E6, RGB: 173,216,230
- Светлый стальной синийHEX: #B0C4DE, RGB: 176,196,222
- Сигнальный синийHEX: #1E2460, RGB: 30,36,96
- СизыйHEX: #79A0C1, RGB: 121,160,193
- Сине-серыйHEX: #6699CC, RGB: 102,153,204
- Синий-синий инейHEX: #AFDAFC, RGB: 175,218,252
- Синий ГрадусаHEX: #007DFF, RGB: 0,125,255
- Синий КлейнаHEX: #3A75C4, RGB: 58,117,196
- Синий КрайолаHEX: #1F75FE, RGB: 31,117,254
- Синий чирокHEX: #18A7B5, RGB: 24,167,181
- Синий экран смертиHEX: #122FAA, RGB: 18,47,170
- Синяя лазурьHEX: #2A52BE, RGB: 42,82,190
- Синяя пыльHEX: #003399, RGB: 0,51,153
- Синяя стальHEX: #4682B4, RGB: 70,130,180
- Синяя ЭлисHEX: #F0F8FF, RGB: 240,248,255
- Снежно-синийHEX: #ACE5EE, RGB: 172,229,238
- Средний персидский синийHEX: #0067A5, RGB: 0,103,165
- Темно-голубойHEX: #3B83BD, RGB: 59,131,189
- Темно-лазурныйHEX: #08457E, RGB: 8,69,126
- Темно-синийHEX: #002137, RGB: 0,33,55
- Темно-синий КрайолаHEX: #1974D2, RGB: 25,116,210
- Темный ультрамариновыйHEX: #00008B, RGB: 0,0,139
- Тихоокеанский синийHEX: #1CA9C9, RGB: 28,169,201
- Транспортный синийHEX: #063971, RGB: 6,57,113
- Ультрамариново-синийHEX: #20214F, RGB: 32,33,79
- УльтрамариновыйHEX: #120A8F, RGB: 18,10,143
- Умеренный аспидно-синийHEX: #7B68EE, RGB: 123,104,238
- Умеренный синийHEX: #395778, RGB: 57,87,120
- Фиолетово-сизыйHEX: #8000FF, RGB: 128,0,255
- Фиолетово-синийHEX: #354D73, RGB: 53,77,115
- Фиолетово-синий КрайолаHEX: #324AB2, RGB: 50,74,178
- Цвет ВКонтактеHEX: #4D7198, RGB: 77,113,152
- Цвет морской волны (Аква)HEX: #008CF0, RGB: 0,140,240
- Цвет ТвиттераHEX: #1FAEE9, RGB: 31,174,233
- Цвет ФейсбукаHEX: #3B5998, RGB: 59,89,152
- Цвет формы морских офицеровHEX: #000080, RGB: 0,0,128
- Цвет ХабрахабраHEX: #78A2B7, RGB: 120,162,183
- Цвет Черного моряHEX: #1A4780, RGB: 26,71,128
- Ярко-синийHEX: #007CAD, RGB: 0,124,173
Компьютерная грамотность с Надеждой
Заполняем пробелы — расширяем горизонты!
Смотрим на кодировку цвета
Теоретическая часть компьютерной грамотности по вопросу кодирования цвета изложена в статье «Кодирование цветовой информации». Перейдем к практике. Для этого зайдите в редактор MS Word, напечатайте произвольный текст, состоящий не менее, чем из 7-и слов. Затем мы сделаем из этого текста разноцветную «радугу», используя цветовую модель RGB.
Кнопка: Цвет текста на панели MS Word
Первое слово давайте раскрасим в красный цвет. Красный цвет имеет кодировку: Красный=255, Зеленый=0, Синий=0. Чтобы добиться этого цвета при помощи модели RGB, нужно сделать следующее. Выделяем первое слово в нашем тексте (для этого подводим курсор мыши к первой букве, нажимаем на левую кнопку мыши и, удерживая ее нажатой, «проводим» по всему слову слева направо, затем кнопку мыши отпускаем).
Затем находим кнопку на панели MS Word, которая называется «Цвет текста» и выглядит, как буква «А», под которой стоит жирная горизонтальная полоса (цвет полосы может быть любым, но обычно он – черный). Рядом с этим значком стоит флажок, изображающий треугольник, обращенный вниз. Надо курсором мыши кликнуть по этому флажку.
Цветовая модель RGB в Word
В открывшемся окне кликните «Другие цвета». Затем войдите на вкладку «Спектр». Вы увидите три поля, в которые можно вписывать коды цветов. При этом должна быть установлена цветовая модель «RGB».
Чтобы раскрасить наше первое слово в красный цвет, необходимо ввести число 255 в поле «Красный», число 0 в поле «Зеленый» и число 0 в поле «Синий». После этого кликните на кнопку «ОК». Выделенное слово должно «покраснеть», для этого нужно с него снять ранее сделанное выделение.
Аналогичным образом предлагаю Вам «раскрасить» остальные 6 слов в цвета:
Зеленый: Красный=0, Зеленый=255, Синий=0
Синий: Красный=0, Зеленый=0, Синий=255
Лиловый: Красный=255, Зеленый=0, Синий=255
Голубой: Красный=0, Зеленый=255, Синий=255
Желтый: Красный=255, Зеленый=255, Синий=0
Бел ы й: Красный=255, Зеленый=255, Синий=255. Когда текст станет белого цвета, то его не будет видно на белом фоне (буква «ы» в слове «белый» — белого цвета, поэтому она не видна). Кстати, букву «ы» в этом слове можно увидеть, если выделить ее при помощи мышки. Таким образом, на самом деле окрашенный в белый цвет текст сохраняется. Это может применяться для сокрытия текста, который не должны видеть пользователи, но такой (белый) текст может читать, например, компьютерная программа.
P.S. Рекомендую также прочитать:
