Дом знаний

Словесное обозначение html цветов для сайтов. Как указывать цвета для сайта.

Цвета на сайтах можно указывать не только в шестнадцатеричной системе (#xxxxxx), а и словесно на английском языке. Раньше словесно можно было задавать только некоторые основные цвета и их оттенки (всего 16).

 

Словесное указание основных 16-и html цветов (безопасные цвета).
 Название цвета Имя html цвета html цвета в формате HEX html цвета в формате RGB
Тёмно-синий (цвет формы морских офицеров) Navy #000080 233, 150, 122
Синий Blue #0000FF 250, 128, 114
Сине-зелёный цвета окраски чирка (птица) Teal #008080 240, 128, 128
Циан, Цвет морской волны Aqua #00FFFF 205, 92, 92
Зелёный Green #008000 233, 150, 122
Лайм Lime #00FF00 250, 128, 114
Оливковый Olive #808000 240, 128, 128
Жёлтый Yellow #FFFF00 205, 92, 92
Коричнево-малиновый Maroon #800000 128, 0, 0
Красный Red #FF0000 255, 0, 0
Пурпурный Purple #800080 128, 0, 128
Маджента, Фуксия (пурпурный) Fuchsia #FF00FF 255, 0, 255
Белый White #FFFFFF 255, 255, 255
Серебристый (Серебряный) Silver #C0C0C0 192, 192, 192
Серый Gray #808080 128, 128, 128
Чёрный Black #000000 0, 0, 0

 

 

Чтобы задать тексту (в теге абзаца <p></p>), например, пурпурный цвет, необходимо прописать один из таких вариантов кодов:

 

1. Словесное указание цвета для абзаца.

<html>
<head>
<title>Указываем пурпурный html цвет.</title>
</head>
<body>
<p style="color: purple;">Словесное указание html цвета. Данный абзац на странице будет иметь пурпурный цвет.</p>
</body>
</html>

 

В результате Вы увидите:

Словесное указание html цвета. Данный абзац на странице будет иметь пурпурный цвет.

 

2. Указание цвета для абзаца в шестнадцатеричной системе.

<html>
<head>
<title>Указываем пурпурный html цвет.</title>
</head>
<body>
<p style="#800080;">Указание html цвета в шестнадцатеричной системе. Данный абзац на странице будет иметь пурпурный цвет.</p>
</body>
</html>

 

В результате Вы увидите:

Указание html цвета в шестнадцатеричной системе. Данный абзац на странице будет иметь пурпурный цвет.

 

3. Указание цвета для абзаца в помощью RGB.

<html>
<head>
<title>Указываем пурпурный html цвет.</title>
</head>
<body>
<p style="color: rgb(128,0,128);">Указание html цвета с помощью RGB. Данный абзац на странице будет иметь пурпурный цвет.</p>
</body>
</html>

 

В результате Вы увидите:

Указание html цвета с помощью RGB. Данный абзац на странице будет иметь пурпурный цвет.

 

 

Сейчас техника дошла до того, что даже планшеты и телефоны могут отображать множество цветов и миллионы их оттенков, поэтому и палитра их словесного указания для сайтов стала намного большей. Такая запись html цветов не чувствительна к регистру, поэтому их можно записывать как маленькими, так и большими буквами.

 

Также Вам необходимо знать, что у некоторых цветов может быть не одно название, например, Gray и Grey обозначают один и тот же серый цвет, который в шестнадцатеричной системе записывается как #808080.

 

Расширенная таблица словесного указания html цветов (133 цвета).
 Название цвета Имя html цвета html цвета в формате HEX html цвета в формате RGB
Светло-зелёный LightGreen #90EE90 144, 238, 144
Тёмно-красный DarkRed #8B0000 139 0 0
Тёмный маджента DarkMagenta #8B008B 139 0 139
Тёмный циан DarkCyan #008B8B 0 139 139
Тёмно-синий, ультрамариновый DarkBlue #00008B 0 0 139
Тёмно-серый DarkGrey #A9A9A9 169 169 169
Чертополоховый (Чертополох) Thistle #D8BFD8 216 191 216
Умеренный фиолетовый MediumPurple #9370DB 147 112 219
Пурпурный Purple #A020F0 160 32 240
Сине-фиолетовый BlueViolet #8A2BE2 138 43 226
Темно-фиолетовый DarkViolet #9400D3 148 0 211
Темная Орхидея DarkOrchid #9932CC 153 50 204
Умеренный цвет Орхидеи MediumOrchid #BA55D3 186 85 211
Орхидеевый (Орхидея) Orchid #DA70D6 218 112 214
Светлая слива Plum #DDA0DD 221 160 221
Розово-фиолетовый Violet #EE82EE 238 130 238
Маджента, Фуксия (пурпурный) Magenta #FF00FF 255 0 255
Фиолетово-красный VioletRed #D02090 208 32 144
Умеренный фиолетово-красный MediumVioletRed #C71585 199 21 133
Бордовый Maroon #B03060 176 48 96
Лиловый PaleVioletRed #DB7093 219 112 147
Светло-розовый LightPink #FFB6C1 255 182 193
Розовый Pink #FFC0CB 255 192 203
Глубокий розовый DeepPink #FF1493 255 20 147
Ярко-розовый HotPink #FF69B4 255 105 180
Красный Red #FF0000 255 0 0
Оранжево-красный OrangeRed #FF4500 255 69 0
Томатный Tomato #FF6347 255 99 71
Светло-коралловый LightCoral #F08080 240 128 128
Коралловый Coral #FF7F50 255 127 80
Тёмно-оранжевый DarkOrange #FF8C00 255 140 0
Оранжевый Orange #FFA500 255 165 0
Светло-лососевый LightSalmon #FFA07A 255 160 122
Лососевый Salmon #FA8072 250 128 114
Тёмно-лососевый DarkSalmon #E9967A 233 150 122
Коричневый Brown #A52A2A 165 42 42
Огненный кирпич Firebrick #B22222  178 34 34
Шоколадный Chocolate #D2691E 210 105 30
Цвет загара (Жёлто-коричневый) Tan #D2B48C 210 180 140
Красный песок SandyBrown #F4A460 244 164 96
Пшеничный Wheat #F5DEB3 245 222 179
Бежевый Beige #F5F5DC 245 245 220
Древесный Burlywood #DEB887 222 184 135
Перу Peru #CD853F 205 133 63
Сиена Sienna #A0522D 160 82 45
Коричневый цвета кожанного седла для лошади SaddleBrown #8B4513 139 69 19
Индийский красный, каштановый IndianRed #CD5C5C 205 92 92
Розово-коричневый RosyBrown #BC8F8F 188 143 143
Тёмный золотарник (Тёмно-золотой) DarkGoldenrod #B8860B 184 134 11
Золотисто-берёзовый Goldenrod #DAA520 218 165 32
Золотой (Золотистый) Gold #FFD700 255 215 0
Жёлтый Yellow #FFFF00 255 255 0
Светло-жёлтый LightYellow #FFFFE0 255 255 224
Светло-жёлтый золотистый LightGoldenrodYellow #FAFAD2 250 250 210
Бледно-золотистый PaleGoldenrod #EEE8AA 238 232 170
Темный хаки DarkKhaki #BDB76B 189 183 107
Нежно-оливковый OliveDrab #6B8E23 107 142 35
Зелёный лес ForestGreen #228B22 34 139 34
Жёлто-зелёный YellowGreen #9ACD32 154 205 50
Лаймово-зелёный LimeGreen #32CD32 50 205 50
Зелено-жёлтый GreenYellow #ADFF2F 173 255 47
Умеренный весенний зелёный MediumSpringGreen #00FA9A 0 250 154
Шартрез, Ядовито-зелёный Chartreuse #7FFF00 127 255 0
Зелёный Green #00FF00 0 255 0
Зелёная лужайка LawnGreen #7CFC00 124 252 0
Весенне-зелёный (Зелёная весна) SpringGreen #00FF7F 0 255 127
Бледный зеленовато-жёлтый PaleGreen #98FB98 152 251 152
Светлое зелёное море LightSeaGreen #20B2AA 32 178 170
Море умеренного зелёного цвета MediumSeaGreen #3CB371 60 179 113
Зелёно-морской (Зелёное море) SeaGreen #2E8B57 46 139 87
Тёмное зелёное море DarkSeaGreen #8FBC8F 143 188 143
Темный оливково-зелёный DarkOliveGreen #556B2F 85 107 47
Тёмно-зелёный, травяной DarkGreen #006400 0 100 0
Аквамариновый Aquamarine #7FFFD4 127 255 212
Умеренный аквамариновый MediumAquamarine #66CDAA 102 205 170
Серо-синий CadetBlue #5F9EA0 95 158 160
Светлый циан LightCyan #E0FFFF 224 255 255
Циан, Цвет морской волны Cyan #00FFFF 0 255 255
Светло-бирюзовый Turquoise #40E0D0 64 224 208
Умеренно-бирюзовый MediumTurquoise #48D1CC 72 209 204
Тёмно-бирюзовый DarkTurquoise #00CED1 0 206 209
Бледно-синий PaleTurquoise #AFEEEE 175 238 238
Пыльно-голубой PowderBlue #B0E0E6 176 224 230
Светло-синий LightBlue #ADD8E6 173 216 230
Светлый стальной синий LightSteelBlue #B0C4DE 176 196 222
Синяя сталь SteelBlue #4682B4 70 130 180
Светло-голубой LightSkyBlue #87CEFA 135 206 250
Небесная синева SkyBlue #87CEEB 135 206 235
Небесно-голубой DeepSkyBlue #00BFFF 0 191 255
Защитно-синий DodgerBlue #1E90FF 30 144 255
Синий Blue #0000FF 0 0 255
Королевская синева RoyalBlue #4169E1 65 105 225
Умеренно-синий MediumBlue #0000CD 0 0 205
Легкая сланцевая синева LightSlateBlue #8470FF 132 112 255
Умеренная сланцевая синева MediumSlateBlue #7B68EE 123 104 238
Сланцевая синева SlateBlue #6A5ACD 106 90 205
Тёмная сланцевая синева DarkSlateBlue #483D8B 72 61 139
Васильковый CornflowerBlue #6495ED 100 149 237
Тёмно-синий (цвет формы морских офицеров) Navy #000080 0 0 128
Полуночный чёрный MidnightBlue #191970 25 25 112
Светло-серый LightGray #D3D3D3 211 211 211
Серый Grey #BEBEBE 190 190 190
Светлый аспидно-серый LightSlateGray #778899 119 136 153
Серый шифер, аспидно-серый SlateGrey #708090 112 128 144
Тускло-серый DimGrey #696969 105 105 105
Аспидно-серый DarkSlateGray #2F4F4F 47 79 79
Чёрный Black #000000 0 0 0
Белый White #FFFFFF 255 255 255
Тускло-розовый MistyRose #FFE4E1 255 228 225
Розовато-лавандовый LavenderBlush #FFF0F5 255 240 245
Лавандовый (Цвет лаванды) lavender #E6E6FA 230 230 250
Синяя Элис AliceBlue #F0F8FF 240 248 255
Небесная лазурь Azure #F0FFFF 240 255 255
Мятно-кремовый MintCream #F5FFFA 245 255 250
Медовый Honeydew #F0FFF0 240 255 240
Цвет морской раковины (Морская пена) Seashell #FFF5EE 255 245 238
Лимонно-кремовый LemonChiffon #FFFACD 255 250 205
Слоновая кость Ivory #FFFFF0 255 255 240
Зерновой шелк или цвет шелковистых нитевидных пестиков початков неспелой кукурузы Cornsilk #FFF8DC 255 248 220 
Мокасиновый Moccasin #FFE4B5 255 228 181
Белый навахо NavajoWhite #FFDEAD 255 222 173
Тёмно-персиковый PeachPuff #FFDAB9 255 218 185
Бисквитный Bisque #FFE4C4 255 228 196
Очищенный миндаль BlanchedAlmond #FFEBCD 255 235 205
Побег папайи PapayaWhip #FFEFD5 255 239 213
Антикварная белизна AntiqueWhite #FAEBD7 250 235 215
Льняной Linen #FAF0E6 250 240 230
Старое кружево OldLace #FDF5E6 253 245 230
Цветочный белый FloralWhite #FFFAF0 255 250 240
Гейнсборо Gainsboro #DCDCDC 220 220 220
Дымчато-белый WhiteSmoke #F5F5F5 245 245 245
Призрачно-белый GhostWhite #F8F8FF 248 248 255
Белоснежный Snow #FFFAFA 255 250 250

 

Полная таблица безопасных html цветов для сайтов здесь.

 

Важно.
Для самостоятельного и быстрого определения цветов при наведении мышки на объект web-дизайнеры и создатели сайтов используют отличную программу Pixie.

 

 

 

Автор: Сергей С.
Специально для: Дом знаний
1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 (1 Голос)
Понравилась статья?
Поделитесь ею с друзьями

Ошибка в тексте?
Выделите ее и Нажмите:
error in text button

 

 

Еще по теме:

 

Если статья Вам полезна,
не стесняйтесь и оставляйте свои комментарии.
Спасибо за посещение.

Добавить комментарий


Защитный код
Обновить

Все о пищевых жирах. Майонез, мас…

Современные реалии рынка масла таковы, что представленные на территории постсоветских стран, в частности в У...

Витамины от псориаза. Массированн…

Лечить псориаз, как известно, нужно комплексно. Это должны быть и специальные лекарственные средства, и физк...

Внутренний скиммер Visi-Jet-PS.

Внутренний скиммер Visi-Jet-PS. О…

Надеюсь, Вы уже знаете, что такое протеиновый скиммер, который также называют пеноотделительной колонкой и ф...

Похожие статьи

Словесное обозначение html цветов…

Цвета на сайтах можно указывать не только в шестнадцатеричной системе (#xxxxxx...

Таблица кодов html цветов. RGB и …

Для html страниц цвета обозначаются в основном в шестнадцатеричной системе. Дл...

Теги html. Разметка страницы тега…

Решив создать сайт, Вы должны знать, что каждая его страница будет состоять из...