В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более поздних спецификациях
дополнительно было определено ещё 130 различных названий цветов. Следующая таблица содержит имена,
и образцы цветов, которые ассоциируются с этими именами.
Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме
Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых),
не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет.
Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta -
это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.
Название цвета | RGB | Цвет
|
---|
alicemblue | F0F8FF |
| antiquewhite | FAEBD7 |
| aqua | 00FFFF |
| aquamarine | 7FFFD4 |
| azure | F0FFFF |
| beige | F5F5DC |
| bisque | FFE4C4 |
| black | 000000 |
| blanchedalmond | FFEBCD |
| blue | 0000FF |
| blueviolet | 8A2BE2 |
| brown | A52A2A |
| burlywood | DEB887 |
| cadetblue | 5F9EA0 |
| chartreuse | 7FFF00 |
| chocolate | D2691E |
| coral | FF7F50 |
| cornflowerblue | 6495ED |
| cornsilk | FFF8DC |
| crimson | DC143C |
| cyan | 00FFFF |
| darkblue | 00008B |
| darkcyan | 008B8B |
| darkgoldenrod | B8860B |
| darkgray | A9A9A9 |
| darkgreen | 006400 |
| darkkhaki | BDB76B |
| darkmagenta | 8B008b |
| darkolivegreen | 556B2F |
| darkorange | FF8C00 |
| darkochid | 9932CC |
| darkred | 8B0000 |
| darksalmon | E9967A |
| darkseagreen | 8FBC8F |
| darkslateblue | 483D8B |
| darkslategray | 2F4F4F |
| darkturquoise | 00CED1 |
| darkviolet | 9400D3 |
| deeppink | FF1493 |
| deepskyblue | 00BFFF |
| dimgray | 696969 |
| dodgerblue | 1E90FF |
| firebrick | B22222 |
| floralwhite | FFFAF0 |
| forestgreen | 228B22 |
| fushsia | FF00FF |
|
|
|
Название цвета | RGB | Цвет
|
---|
gainsboro | DCDCDC |
| ghostwhite | F8F8FF |
| gold | FFD700 |
| goldenrod | DAA520 |
| gray | 808080 |
| green | 8000 |
| greenyellow | ADFF2F |
| honeydew | F0FFF0 |
| hotpink | FF69B4 |
| indiandred | CD5C5C |
| indigo | 4B00082 |
| ivory | FFFFF0 |
| khaki | F0E68C |
| lavender | E6E6FA |
| lavenderblush | FFF0F5 |
| lawngreen | 7CFC00 |
| lemonchiffon | FFFACD |
| ligtblue | ADD8E6 |
| lightcoral | F08080 |
| lightcyan | E0FFFF |
| lightgoldenrodyellow | FAFAD2 |
| lightgreen | 90EE90 |
| lightgrey | D3D3D3 |
| lightpink | FFB6C1 |
| lightsalmon | FFA07A |
| lightseagreen | 20B2AA |
| lightscyblue | 87CEFA |
| lightslategray | 778899 |
| lightsteelblue | B0C4DE |
| lightyellow | FFFFE0 |
| lime | 00FF00 |
| limegreen | 32CD32 |
| linen | FAF0E6 |
| magenta | FF00FF |
| maroon | 800000 |
| mediumaquamarine | 66CDAA |
| mediumblue | 0000CD |
| mediumorchid | BA55D3 |
| mediumpurple | 9370DB |
| mediumseagreen | 3CB371 |
| mediumslateblue | 7B68EE |
| mediumspringgreen | 00FA9A |
| mediumturquoise | 48D1CC |
| mediumvioletred | C71585 |
| midnightblue | 191970 |
| mintcream | F5FFFA |
| mistyrose | FFE4E1 |
|
| |
Название цвета | RGB | Цвет
|
---|
moccasin | FFE4B5 |
| navajowhite | FFDEAD |
| navy | 000080 |
| oldlace | FDF5E6 |
| olive | 808000 |
| olivedrab | 6B8E23 |
| orange | FFA500 |
| orengered | FF4500 |
| orchid | DA70D6 |
| palegoldenrod | EEE8AA |
| palegreen | 98FB98 |
| paleturquose | AFEEEE |
| palevioletred | DB7093 |
| papayawhop | FFEFD5 |
| peachpuff | FFDAB9 |
| peru | CD853F |
| pink | FFC0CB |
| plum | DDA0DD |
| powderblue | B0E0E6 |
| purple | 800080 |
| red | FF0000 |
| rosybrown | BC8F8F |
| royalblue | 416900 |
| saddlebrown | 8B4513 |
| salmon | FA8072 |
| sandybrown | F4A460 |
| seagreen | 2E8B57 |
| seashell | FFF5EE |
| sienna | A0522D |
| silver | C0C0C0 |
| skyblue | 87CEEB |
| slateblue | 6A5ACD |
| slategray | 708080 |
| snow | FFFAFA |
| springgreen | 00FF7F |
| steelblue | 4682B4 |
| tan | D2B48C |
| teal | 008080 |
| thistle | D8BFD8 |
| tomato | FF6347 |
| turquose | 40E0D0 |
| violet | EE82EE |
| wheat | F5DEB3 |
| white | FFFFFF |
| whitesmoke | F5F5F5 |
| yellow | FFFF00 |
| yellowgreen | 9ACD32 |
|
|
Коды цветов HTML
|
FFFFFF White |
FFFFCC |
FFFF99 |
FFFF66 |
FFFF33 |
FFFF00 Yellow |
FFFFF0 Ivory |
FFFFE0 Lightyellow |
FFFACD Lemon chiffon |
FFCCFF |
FFCCCC |
FFCC99 |
FFCC66 |
FFCC33 |
FFCC00 |
FFFAFA Snow |
FFFAF0 Floralwhite |
FFF8DC Cornsilk |
FF99FF |
FF99CC |
FF9999 |
FF9966 |
FF9933 |
FF9900 |
FAF0E6 Linen |
FAEBD7 Antiquewhite |
FFE4C4 Bisque |
FF66FF |
FF66CC |
FF6699 |
FF6666 |
FF6633 |
FF6600 |
FFEBCD Blanchedalmond |
DEB887 Burlywood |
Lightgolden rodyellow FAFAD2 |
F0FFF0 Honeydew |
FF33FF |
FF33CC |
FF3399 |
FF3366 |
FF3333 |
FF3300 |
FFE4B5 Moccasin |
FFDEAD Navajowhite |
Papayawhip FFEFD5 |
Peachpuff FFDAB9 |
FF00FF Magenta |
FF00CC |
FF0099 |
FF0066 |
FF0033 |
deeppink FF1493 |
Paleturquoise AFEEEE |
Deepskyblue 00BFFF |
Darkslateblue 483D8B |
Darkslategray 2F4F4F |
CCFFFF |
CCFFCC |
CCFF99 |
CCFF66 |
CCFF33 |
CCFF00 |
BDB76B Darkkhaki |
F0E68C Khaki |
D87093 Palevioletred |
FF0000 Red |
CCCCFF |
CCCCCC |
CCCC99 |
CCCC66 |
CCCC33 |
CCCC00 |
C0C0C0 Silver |
A9A9A9 Darkgray |
808080 Gray |
696969 Dimgray |
CC99FF |
CC99CC |
CC9999 |
CC9966 |
CC9933 |
CC9900 |
Darksalmon E9967A |
Darkseagreen 8FBC8F |
Goldenrod DAA520 |
Darkturquoise 00CED1 |
CC66FF |
CC66CC |
CC6699 |
CC6666 |
CC6633 |
CC6600 |
Darkolivegreen 556B2F |
Darkorange FF8C00 |
Darkorchid 9932CC |
Darkred 8B0000 |
CC33FF |
CC33CC |
CC3399 |
CC3366 |
CC3333 |
CC3300 |
Palegoldenrod EEE8AA |
Palegreen 98FB98 |
Orange FFA500 |
Aquamarine 7FFFD4
|
CC00FF |
CC00CC |
CC0099 |
CC0066 |
CC0033 |
CC0000 |
Seagreen 2E8B57 |
Orangered FF4500 |
Orchid DA70D6 |
Gainsboro DCDCDC |
99FFFF |
99FFCC |
99FF99 |
99FF66 |
99FF33 |
99FF00 |
Olive 808000 |
Olivedrab 688E23 |
Sandybrown F4A460 |
Green 008000 |
99CCFF |
99CCCC |
99CC99 |
99CC66 |
99CC33 |
99CC00 |
Mediumvioletred C71585 |
Mintcream F5FFFA |
Mediumslateblue 7B68EE |
Forestgreen 228B22
|
9999FF |
9999CC |
999999 |
999966 |
999933 |
999900 |
Mediumspringgreen 00FA9A |
Royalblue 4169E1 |
Oldlace FDF5E6 |
Darkgoldenrod B8860B
|
9966FF |
9966CC |
996699 |
996666 |
996633 |
996600 |
Maroon 800000 |
Mediumauqamarine 66CDAA |
Mediumorchid BA55D3 |
Darkcyan 008B8B |
9933FF |
9933CC |
993399 |
993366 |
993333 |
993300 |
Mediumpurple 9370D8 |
Mediumseagreen 3CB371 |
Mediumturquoise 48D1CC |
Saddlebrown 8B4513
|
9900FF |
9900CC |
990099 |
990066 |
990033 |
990000 |
Lightslategray 778899 |
Lightsteelblue B0C4DE |
Powderblue B0E0E6
|
66FFFF |
66FFCC |
66FF99 |
66FF66 |
66FF33 |
66FF00 |
Lightsalmon FFA07A |
Lightseagreen 20B2AA |
Limegreen 32CD32 |
Chartreuse 7FFF00
|
66CCFF |
66CCCC |
66CC99 |
66CC66 |
66CC33 |
66CC00 |
Lightcoral F08080 |
Lightcyan E0FFFF |
Crimson DC143C |
F0FFFF Azure |
6699FF |
6699CC |
669999 |
669966 |
669933 |
669900 |
CD853F Peru |
FFC0CB Pink |
Plum DDA0DD |
Cornflowerblue 6495ED |
6666FF |
6666CC |
666699 |
666666 |
666633 |
666600 |
FA8072 Salmon |
FFF5EE Seashell |
Lightgreen 90EE90 |
Cadetblue 5F9EA0 |
6633FF |
6633CC |
663399 |
663366 |
663333 |
663300 |
A0522D Sienna |
87CEEB Skyblue |
Lightgrey D3D3D3 |
6600FF |
6600CC |
660099 |
660066 |
660033 |
660000 |
6A5ACD Slateblue |
708090 Slategray |
Lightskyblue 87CEFA |
33FFFF |
33FFCC |
33FF99 |
33FF66 |
33FF33 |
33FF00 |
Lavendar E6E6FA |
Greenyellow ADFF2F |
Mistyrose FFE4E1 |
33CCFF |
33CCCC |
33CC99 |
33CC66 |
33CC33 |
33CC00 |
4682B4 Steelblue |
00FF7F Springgreen |
9ACD32 YellowGreen |
F8F8FF Ghostwhite |
3399FF |
3399CC |
339999 |
339966 |
339933 |
339900 |
008080 Teal |
D8BFD8 Thistle |
D2B48C Tan |
F5F5DC Beige |
3366FF |
3366CC |
336699 |
336666 |
336633 |
336600 |
Gold FFD700 |
Dodgerblue 1E90FF |
Firebrick B22222 |
3333FF |
3333CC |
333399 |
333366 |
333333 |
333300 |
BC8F8F Rosybrown |
FF6347 Tomato |
40E0D0 Turquoise |
3300FF |
3300CC |
330099 |
330066 |
330033 |
330000 |
006400 Darkgreen
|
D2691E Chocolate |
F5DEB3 Wheat |
F0F8FF Aliceblue |
00FFFF Aqua|Cyan |
00FFCC |
00FF99 |
00FF66 |
00FF33 |
00FF00 Lime |
Lavenderblush FFF0F5 |
Lawngreen 7CFC00 |
Lightblue ADD8E6 |
00CCFF |
00CCCC |
00CC99 |
00CC66 |
00CC33 |
00CC00 |
9400D3 Darkviolet |
FF7F50 Coral |
A52A2A brown |
0099FF |
0099CC |
009999 |
009966 |
009933 |
009900 |
8A2BE2 Blueviolet |
8B008B Darkmagenta |
EE82EE Violet |
0066FF |
0066CC |
006699 |
006666 |
006633 |
006600 |
Hotpink FF69B4 |
Indianred CD5C5C |
Lightpink FFB6C1 |
0033FF |
0033CC |
003399 |
003366 |
003333 |
003300 |
191970 Midnightblue |
800080 Purple |
4B0082 Indigo |
F5F5F5 Whitesmoke |
0000FF Blue
|
0000CC |
000099 |
000066 |
000033 |
000000 Black |
000080 Navy
|
0000CD Mediumblue |
00008B Darkblue
|
Палитра сайта
Один из самых важных факторов при создании уникального и
узнаваемого дизайна сайта - цвет. Грамотный выбор цветовой схемы может определить
успех или провал сайта. Когда посетитель бросает первый взгляд на
веб-страницу, то выбранные вами цвета посылают ему мгновенное сообщение
об этой странице.
На прошедшей в 2018 г. в Лондоне международной выставке модной одежды и аксессуаров Pure London 2019 эксперты
по цвету рассказали, что 70% покупок совершается на основании понравившегося цвета.
Несоответствие цвета ожидаемому является также самой распространенной причиной возврата товаров при покупке в интернете.
Image caption У красного цвета особая энергетика, поэтому неслучайно военная форма часто бывает красного цвета
Психологи давно говорят, что цвет влияет на наше психоэмоциональное состояние.
Согласно одному исследованию, http://rsbl.royalsocietypublishing.org/content/11/5/20150166 например,
спортивные команды в красной форме выигрывают чаще других (тут можно сделать самостоятельное мини-исследование на
примере недавно прошедшего в России чемпионата мира по футболу).
Красный - это всегда сильная эмоция: вспомним, что лицо имеет тенденцию краснеть от гнева или стыда.
Под этим есть и физическая подоплёка: у красного самая большая длина волны, то есть у этого цвета больше энергии, и он требует
более интенсивной реакции.
Тогда как у фиолетового, например, самая короткая длина волны, так что неслучайно он связан с духовенством, роскошью,
аристократией, а соответственно, с размеренностью и спокойствием, и это, кстати, самый модный цвет нынешнего года.
Image caption В розовом цилиндре - на скачки.
Что же касается 2019-го и далее, то, по данным Джоан Томас из консультационной компании
Coloro, уже присутствующие на
рынке пастельные оттенки останутся в числе наиболее популярных.
Они менее насыщенные, интенсивность тона в них приглушена, они легкие, воздушные и
рождают ощущение спокойствия
и благодушия - на контрасте с сопровождающими нашу жизнь политическими и
экономическими потрясениями.
- Самая известная и популярная палитра - RAL. Впервые стандарт RAL был представлен в 1927 году
Немецким Институтом Гарантий Качества и Сертификации (Райхс-Аусшус фюр Лифербедингунген - RAL)
по просьбе производителей лакокрасочной продукции. Институт установил стандарт на цветовое
пространство, разделив его на диапазоны и обозначив каждый цвет однозначным цифровым индексом.
Номера четырёхзначные, (№ XXXX) где 1xxx - жёлтые (27 шт) , 2xxx - оранжевые (12 шт), 3xxx -
красные (22 шт), 4xxx - фиолетовые (10 шт), 5xxx - синие (23 шт), 6xxx - зеленые (32 шт),
7xxx - серые (37 шт), 8xxx - коричневые (19 шт), 9xxx - светлые и тёмные (12шт).
Для определения цвета по системе RAL издаются вееры, каталоги и программное обеспечение.
Всего содержится более двух тысяч оттенков по RAL.
- Более современная и быстрорастущая NCS (англ. Natural Color System, естественная система цвета).
Эта цветовая модель была предложенная Скандинавским институтом цвета (Skandinaviska Farginstitutet AB),
Стокгольм, Швеция в 1979 году.
Она основана на системе противоположных цветов и нашла широкое применение
в промышленности для описания цвета продукции. При описании цвета по NCS используются шесть простых цветов:
белый, чёрный, красный, жёлтый, зелёный и голубой (то есть таких, которые нельзя описать
сочетанием двух других). Все остальные цвета представлены сочетанием основных (например,
оранжевый - одновременно красноватый и желтоватый).
Это облегчает интуитивное понимание
цвета из его кодированной записи, в то время как в таких системах как RGB мысленная
визуализация цвета по трём цифрам довольно сложна. В описании цвета учитывается близость
к черному - темнота цвета, чистота цвета (насыщенность) и процентное соотношение между
двумя основными цветами. Полная запись цвета может также включать кодовую букву,
обозначающую версию стандарта NCS. Для определения цвета по системе NCS издаются
каталоги и программное обеспечение. Последняя редакция цветового веера содержит 1950 цветов.
- Pantone. Используется в основном в полиграфии. Разработанная американской фирмой Pantone Inc в середине XX века. Использует цифровую идентификацию цветов изображения для полиграфии печати как смесевыми, так и триадными красками. Эталонные пронумерованные цвета напечатаны в специальной книге, страницы которой веерообразно раскладываются. Существует множество каталогов образцов цветов Pantone, каждый из которых рассчитан на определённые условия печати. Например, для печати на мелованной, немелованной бумаге, каталог для металлизированных красок (золотая, серебряная) и т. д. Производитель настаивает на том, что "веера" необходимо ежегодно заменять, так как за это время процесс выцветания и истирания изображения д
Цветовая палитра - это набор оттенков, которые вы будете использовать в своем проекте.
С палитрой работают художники, смешивая на нейignкраски для создания будущей картины.
Составляя цветовую палитру мы ищем оттенки, которые сочетаются между собой и отвечают нашим задачам.
То есть служат для создания дизайна сайта, а не комнаты для релаксации.
Например, эта палитра выглядит вполне гармонично.
Но она не позволит выделить те или иные элементы сайта. В нашем случае цвета должны не только
гармонировать, но и отличаться друг от друга более явно, чтобы посетитель сайта мог сразу увидеть
призывы к действию (call-to-action), элементы меню и важную информацию.
Этот вариант мало отличается от предыдущего, но позволяет выделить нужные моменты, оставаясь
при этом гармоничным
10
Похожую цветовую палитру можно увидеть в действии на werkpress.com
werkpress.com
Цвета сочетаются между собой, при этом элементы сайта прекрасно различимы и их расположение
интуитивно понятно Сразу видны призывы к действию и пункты меню.
Институт исследований цвета (CCICOLOR) утверждает, что у большинства людей
впечатление складывается за 90 секунд. Это происходит на подсознательном уровне и на 62-90% зависит
от цвета.
Именно поэтому неверный выбор цвета или цветового сочетания может негативно повлиять
на результат несмотря на остальные преимущества вашего проекта.
Выбирая палитру, отдавайте предпочтение цветам, соответствующим идентичности вашего
бренда и его ценностям. Например, если вы продаете страхование жизни, черный, оранжевый
и золотой цвета вряд ли стоит использовать.
Но это сочетание хорошо подходит для Lamborghini:
Например, такую:
В конечном итоге можно оставить две или три палитры, из которых выбирается окончательный набор
цветов. После того, как палитра выбрана, она передается дизайнеру вместе с техническим заданием.
От палитры сайта зависит восприятие пользователем контента, его приятия, либо неприятия сайта.
Можно пользоваться ресурсом IN COLOR BALANCE. Очень
легко черпать вдохновение из чудесных палитр этого сайта,
наглядно представленных в прекрасных картинках.
 |
 |
 |
Цветовая палитра №3905
"пыльный" зеленый, "пыльный" розовый, бордовый, вишневый, лиловый цвет, оливковый, осенние оттенки, оттенки розового, подбор цвета для дизайнера, светло-розовый, тёмно-зелёный, теплый желтый, цвет маджента, яркие оттенки розового. |
Цветовая палитра №3903
алый, весенне-зелёный цвет, весенние сочетание цветов, голубой, красный, малиновый, насыщенный зеленый, насыщенный розовый, нежный розовый, оттенки розового, оттенки цветов вишни, салатовый, светло-розовый, цвет клубники, цвет мякоти |
Цветовая палитра №3901
апельсиновый, грязный белый цвет, зеленовато-синий цвет, оттенки синего, полночный синий, почти черный цвет, серо-розовый оттенок, серо-синий, темно-синий, теплый оранжевый, цвет "неви", цвет апельсина, яркий оранжевый, яркий синий цвет. |
|