Untitled
    

Главная


Обо мне

Мне
нравится


Задачи


Статьи


Ссылки


Библиотека


АТ-531

HTML/CSS/PHP



13.07.2018. Цвета HTML

В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более поздних спецификациях дополнительно было определено ещё 130 различных названий цветов. Следующая таблица содержит имена, и образцы цветов, которые ассоциируются с этими именами. ТАБЛИЦА HTML ЦВЕТОВ

Имена цветов в 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, уже присутствующие на рынке пастельные оттенки останутся в числе наиболее популярных. Они менее насыщенные, интенсивность тона в них приглушена, они легкие, воздушные и рождают ощущение спокойствия и благодушия - на контрасте с сопровождающими нашу жизнь политическими и экономическими потрясениями.

  1. Самая известная и популярная палитра — 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.

  2. Более современная и быстрорастущая NCS (англ. Natural Color System, естественная система цвета).

    Эта цветовая модель была предложенная Скандинавским институтом цвета (Skandinaviska Farginstitutet AB), Стокгольм, Швеция в 1979 году.

    Она основана на системе противоположных цветов и нашла широкое применение в промышленности для описания цвета продукции. При описании цвета по NCS используются шесть простых цветов: белый, чёрный, красный, жёлтый, зелёный и голубой (то есть таких, которые нельзя описать сочетанием двух других). Все остальные цвета представлены сочетанием основных (например, оранжевый — одновременно красноватый и желтоватый).

    Это облегчает интуитивное понимание цвета из его кодированной записи, в то время как в таких системах как RGB мысленная визуализация цвета по трём цифрам довольно сложна. В описании цвета учитывается близость к черному — темнота цвета, чистота цвета (насыщенность) и процентное соотношение между двумя основными цветами. Полная запись цвета может также включать кодовую букву, обозначающую версию стандарта NCS. Для определения цвета по системе NCS издаются каталоги и программное обеспечение. Последняя редакция цветового веера содержит 1950 цветов.

  3. 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 апельсиновый, грязный белый цвет, зеленовато-синий цвет, оттенки синего, полночный синий, почти черный цвет, серо-розовый оттенок, серо-синий, темно-синий, теплый оранжевый, цвет "неви", цвет апельсина, яркий оранжевый, яркий синий цвет.


   
jQuery Drill Down Menu Plugin v 1.2