Как подобрать цвета: Цвета RAL – Таблица RAL CLASSIC — Все каталоги цветов RAL по CMYK и RGB с примерами

Содержание

Цвета RAL – Таблица RAL CLASSIC — Все каталоги цветов RAL по CMYK и RGB с примерами — ColorScheme.Ru

RAL — международная система соответствия цветов, востребованная сегодня практически во всех отраслях. Стандарт занял доминирующее положение в промышленности, торговле, архитектуре и дизайне. Ведущие российские и западные компании используют цвета по RAL в своём производстве.

Цветовой стандарт RAL начинает свою историю с 1927 года, когда специалистами из «Управления по торговым стандартам» Германии была впервые разработана коллекция, состоящая на тот момент из 40 цветов. С тех пор палитра RAL постоянно расширяется. Компания выпускает каталоги цветов, веера, содержащие примеры красок по RAL, разрабатывает и добавляет новые образцы.

На нашем сайте имеются все три современные цветовые шкалы, таблицы RAL с раскладкой по CMYK и RGB.

Каталог RAL CLASSIC в настоящее время содержит 213 цветов, в том числе 15 перламутровых, 5 люминесцентных, и 2 железных.

Имя цвета в таблице RAL CLASSIC состоит из четырёхзначного числа в сочетании с префиксом «RAL» (например, RAL 1037). Первая цифра является кодом оттенка (1 – желтые, 2 – оранжевые, 3 – красные, 4 – фиолетовые, 5 – синие, 6 – зелёные, 7 – серые, 8 – коричневые, 9 – белые и чёрные). Остальные три цифры выбраны последовательно. Русскоязычное имя цвета (например, «солнечно-жёлтый» для RAL 1037) не является нормативным, для обозначения цвета достаточно запомнить лишь цифры.

Жёлтые тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 1000 Зелёно-бежевый	10 10 50 10	0 3 40 10	#CCC58F	204 197 143
	RAL 1001 Бежевый	0 20 50 20	10 20 40 0	#D1BC8A	209 188 138
	RAL 1002 Песочно-жёлтый	0 20 60 10	3 23 60 7	#D2B773	210 183 115
	RAL 1003 Сигнальный жёлтый	5 20 90 0	0 20 100 0	#F7BA0B	247 186 11
	RAL 1004 Жёлто-золотой	5 30 100 0	0 20 100 10	#E2B007	226 176 7
	RAL 1005 Медово-жёлтый	10 30 100 0	10 20 90 0	#C89F04	200 159 4
	RAL 1006 Кукурузно-жёлтый	5 30 90 0	0 30 100 0	#E1A100	225 161 0
	RAL 1007 Нарциссово-жёлтый	0 40 100 0	0 30 100 0	#E79C00	231 156 0
	RAL 1011 Коричнево-бежевый	30 40 70 0	20 50 100 10	#AF8A54	175 138 84
	RAL 1012 Лимонно-жёлтый	10 10 90 0	10 10 100 0	#D9C022	217 192 34
	RAL 1013 Жемчужно-белый	0 5 20 10	10 10 20 0	#E9E5CE	233 229 206
	RAL 1014 Слоновая кость	0 10 40 10	10 10 30 0	#DED09F	222 208 159
	RAL 1015 Светлая слоновая кость	0 5 30 10	10 10 20 0	#EADEBD	234 222 189
	RAL 1016 Жёлтая сера	10 0 90 0	10 0 80 0	#EAF044	234 240 68
	RAL 1017 Шафраново-жёлтый	0 30 70 0	0 30 90 0	#F4B752	244 183 82
	RAL 1018 Цинково-жёлтый	0 0 80 0	0 0 90 0	#F3E03B	243 224 59
	RAL 1019 Серо-бежевый	5 20 40 40	10 20 30 0	#A4957D	164 149 125
	RAL 1020 Оливково-жёлтый	1 5 30 40	10 10 50 25	#9A9464	154 148 100
	RAL 1021 Рапсово-жёлтый	0 10 100 0	0 0 100 0	#EEC900	238 201 0
	RAL 1023 Транспортно-жёлтый	0 10 90 0	0 10 100 0	#F0CA00	240 202 0
	RAL 1024 Охра жёлтая	30 40 70 10	0 20 100 25	#B89C50	184 156 80
	RAL 1026 Флуоресцентный (Fluorescent) Люминесцентный жёлтый	0 0 100 0	0 0 100 0	#F5FF00	245 255 0
	RAL 1027 Карри жёлтый	10 20 90 40	30 30 100 0	#A38C15	163 140 21
	RAL 1028 Дынно-жёлтый	0 30 100 0	0 20 100 0	#FFAB00	255 171 0
	RAL 1032 Жёлтый ракитник	0 30 90 10	0 20 100 10	#DDB20F	221 178 15
	RAL 1033 Георгиново-жёлтый	0 30 90 0	0 30 100 0	#FAAB21	250 171 33
	RAL 1034 Пастельно-жёлтый	0 30 80 0	0 30 60 0	#EDAB56	237 171 86
	RAL 1035 Жемчужный Глянец (Pearl Gloss) Перламутрово-бежевый	16 19 33 26	20 20 33 12	#A29985	162 153 133
	RAL 1036 Жемчужный Глянец (Pearl Gloss) Перламутрово-золотой	33 46 80 18	9 36 97 28	#927549	146 117 73
	RAL 1037 Солнечно-жёлтый	0 40 100 0	0 35 90 0	#EEA205	238 162 5
Оранжевые тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 2000 Жёлто-оранжевый	0 50 100 0	0 40 100 0	#DD7907	221 121 7
	RAL 2001 Красно-оранжевый	0 80 100 20	0 70 100 0	#BE4E24	190 78 36
	RAL 2002 Алый	0 90 100 10	0 80 100 0	#C63927	198 57 39
	RAL 2003 Пастельно-оранжевый	0 52 100 0	0 60 100 0	#FA842B	250 132 43
	RAL 2004 Оранжевый	0 70 100 0	0 70 100 0	#E75B12	231 91 18
	RAL 2005 Флуоресцентный (Fluorescent) Люминесцентный оранжевый	0 75 75 5	0 50 100 0	#FF2300	255 35 0
	RAL 2007 Флуоресцентный (Fluorescent) Люминесцентный ярко-оранжевый	0 50 100 0	0 20 90 0	#FFA421	255 164 33
	RAL 2008 Ярко-красно-оранжевый	0 60 100 0	0 50 100 0	#F3752C	243 117 44
	RAL 2009 Транспортный оранжевый	5 70 100 10	0 60 100 0	#E15501	225 85 1
	RAL 2010 Сигнальный оранжевый	0 70 100 10	0 60 100 0	#D4652F	212 101 47
	RAL 2011 Насыщенный оранжевый	0 55 100 0	0 40 100 0	#EC7C25	236 124 37
	RAL 2012 Лососёво-оранжевый	0 60 70 0	0 80 80 0	#DB6A50	219 106 80
	RAL 2013 Жемчужный Глянец (Pearl Gloss) Перламутрово-оранжевый	0 80 100 40	10 80 100 10	#954527	149 69 39
Красные тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 3000 Огненно-красный	0 100 100 20	0 100 90 0	#AB2524	171 37 36
	RAL 3001 Сигнальный красный	20 100 90 10	0 100 90 0	#A02128	160 33 40
	RAL 3002 Карминно-красный	10 100 90 20	0 100 90 0	#A1232B	161 35 43
	RAL 3003 Рубиново-красный	0 100 100 40	0 100 90 15	#8D1D2C	141 29 44
	RAL 3004 Пурпурно-красный	20 100 100 60	0 100 90 30	#701F29	112 31 41
	RAL 3005 Винно-красный	20 100 80 40	0 100 90 50	#5E2028	94 32 40
	RAL 3007 Чёрно-красный	60 100 70 80	50 100 90 40	#402225	64 34 37
	RAL 3009 Оксид красный	5 90 100 80	20 100 90 30	#703731	112 55 49
	RAL 3011 Коричнево-красный	20 100 100 40	0 100 90 30	#7E292C	126 41 44
	RAL 3012 Бежево-красный	5 50 50 10	20 60 50 0	#CB8D73	203 141 115
	RAL 3013 Томатно-красный	20 90 100 20	0 100 100 15	#9C322E	156 50 46
	RAL 3014 Розовый антик	0 70 30 10	10 70 40 0	#D47479	212 116 121
	RAL 3015 Светло-розовый	0 50 20 10	10 40 10 0	#E1A6AD	225 166 173
	RAL 3016 Кораллово-красный	0 90 90 20	0 90 90 10	#AC4034	172 64 52
	RAL 3017 Розовый	0 80 50 10	0 80 40 0	#D3545F	211 84 95
	RAL 3018 Клубнично-красный	5 90 70 5	0 90 100 0	#D14152	209 65 82
	RAL 3020 Транспортный красный	0 100 100 10	0 90 90 0	#C1121C	193 18 28
	RAL 3022 Лососёво-красный	0 60 70 0	0 70 60 0	#D56D56	213 109 86
	RAL 3024 Флуоресцентный (Fluorescent) Люминесцентный красный	0 80 90 0	0 70 100 0	#F70000	247 0 0
	RAL 3026 Флуоресцентный (Fluorescent) Люминесцентный ярко-красный	0 80 100 0	0 70 100 0	#FF0000	255 0 0
	RAL 3027 Малиново-красный	0 100 70 20	0 100 60 15	#B42041	180 32 65
	RAL 3028 Красный	5 100 100 0	5 100 100 0	#CB3334	203 51 52
	RAL 3031 Ориент красный	20 100 90 20	0 90 60 15	#AC323B	172 50 59
	RAL 3032 Жемчужный Глянец (Pearl Gloss) Перламутрово-рубиновый	10 100 90 50	10 100 100 30	#711521	113 21 33
	RAL 3033 Жемчужный Глянец (Pearl Gloss) Перламутрово-розовый	8 84 72 13	0 93 93 7	#B24C43	178 76 67
Фиолетовые тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 4001 Красно-сиреневый	60 70 5 10	50 97 20 0	#8A5A83	138 90 131
	RAL 4002 Красно-фиолетовый	40 100 90 5	0 100 40 30	#933D50	147 61 80
	RAL 4003 Вересково-фиолетовый	10 70 10 0	7 90 0 0	#D15B8F	209 91 143
	RAL 4004 Бордово-фиолетовый	60 100 50 20	10 100 0 50	#691639	105 22 57
	RAL 4005 Сине-сиреневый	60 100 5 10	50 60 0 0	#83639D	131 99 157
	RAL 4006 Транспортный пурпурный	50 100 0 10	30 100 0 0	#992572	153 37 114
	RAL 4007 Пурпурно-фиолетовый	70 100 20 60	90 0 10 25	#4A203B	74 32 59
	RAL 4008 Сигнальный фиолетовый	60 90 0 10	30 100 0 0	#904684	144 70 132
	RAL 4009 Пастельно-фиолетовый	40 40 30 0	17 40 10 15	#A38995	163 137 149
	RAL 4010 Телемагента	10 90 30 0	0 100 0 0	#C63678	198 54 120
	RAL 4011 Жемчужный Глянец (Pearl Gloss) Перламутрово-фиолетовый	47 57 3 7	47 64 0 0	#8773A1	135 115 161
	RAL 4012 Жемчужный Глянец (Pearl Gloss) Перламутрово-ежевичный	50 50 20 23	54 57 3 26	#6B6880	107 104 128
Синие тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 5000 Фиолетово-синий	100 40 5 40	100 70 10 25	#384C70	56 76 112
	RAL 5001 Зелёно-синий	90 20 0 80	100 50 10 20	#1F4764	31 71 100
	RAL 5002 Ультрамариново-синий	100 70 0 40	100 90 0 0	#2B2C7C	43 44 124
	RAL 5003 Сапфирово-синий	100 50 0 80	90 0 10 25	#2A3756	42 55 86
	RAL 5004 Чёрно-синий	100 100 70 40	84 53 47 56	#1D1F2A	29 31 42
	RAL 5005 Сигнальный синий	100 40 0 40	90 60 0 0	#154889	21 72 137
	RAL 5007 Бриллиантово-синий	80 20 0 40	100 40 0 20	#41678D	65 103 141
	RAL 5008 Серо-синий	60 0 0 90	100 50 10 60	#313C48	49 60 72
	RAL 5009 Лазурно-синий	90 30 10 40	100 40 10 20	#2E5978	46 89 120
	RAL 5010 Горечавково-синий	100 40 5 40	100 70 0 0	#13447C	19 68 124
	RAL 5011 Стально-синий	100 60 10 80	96 46 10 40	#232C3F	35 44 63
	RAL 5012 Голубой	90 30 10 10	97 26 0 0	#3481B8	52 129 184
	RAL 5013 Кобальтово-синий	100 60 0 60	90 0 10 25	#232D53	35 45 83
	RAL 5014 Голубино-синий	50 20 0 40	64 41 11 12	#6C7C98	108 124 152
	RAL 5015 Небесно-синий	100 30 0 10	100 20 0 0	#2874B2	40 116 178
	RAL 5017 Транспортный синий	100 20 5 40	90 50 0 0	#0E518D	14 81 141
	RAL 5018 Бирюзово-синий	90 10 40 10	93 7 33 3	#21888F	33 136 143
	RAL 5019 Капри синий	100 50 20 10	100 30 0 20	#1A5784	26 87 132
	RAL 5020 Океанская синь	100 0 40 80	100 30 50 40	#0B4151	11 65 81
	RAL 5021 Водная синь	100 20 50 10	100 0 30 15	#07737A	7 115 122
	RAL 5022 Ночной синий	100 100 40 40	90 0 10 25	#2F2A5A	47 42 90
	RAL 5023 Отдалённо-синий	80 40 10 20	100 60 10 0	#4D668E	77 102 142
	RAL 5024 Пастельно-синий	70 20 10 20	63 17 7 8	#6A93B0	106 147 176
	RAL 5025 Жемчужный Глянец (Pearl Gloss) Перламутровый горечавково-синий	97 48 31 15	100 30 20 20	#296478	41 100 120
	RAL 5026 Жемчужный Глянец (Pearl Gloss) Перламутровый ночной синий	100 80 0 50	90 0 10 25	#102C54	16 44 84
Зелёные тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 6000 Патиново-зелёный	80 20 60 20	98 8 68 17	#327662	50 118 98
	RAL 6001 Изумрудно-зелёный	90 30 90 10	100 0 100 15	#28713E	40 113 62
	RAL 6002 Лиственно-зелёный	90 40 90 10	90 0 100 25	#276235	39 98 53
	RAL 6003 Оливково-зелёный	80 50 80 20	50 40 100 40	#4B573E	75 87 62
	RAL 6004 Сине-зелёный	100 50 60 40	100 30 50 40	#0E4243	14 66 67
	RAL 6005 Зелёный мох	100 60 90 20	100 20 90 30	#0F4336	15 67 54
	RAL 6006 Серо-оливковый	90 80 90 20	80 70 100 60	#40433B	64 67 59
	RAL 6007 Бутылочно-зелёный	80 50 80 60	80 60 100 60	#283424	40 52 36
	RAL 6008 Коричнево-зелёный	70 50 70 80	100 100 100 75	#35382E	53 56 46
	RAL 6009 Пихтовый зелёный	90 50 90 60	100 60 80 60	#26392F	38 57 47
	RAL 6010 Травяной зелёный	70 10 80 40	70 0 100 25	#3E753B	62 117 59
	RAL 6011 Резедово-зелёный	70 30 70 5	50 13 70 20	#66825B	102 130 91
	RAL 6012 Чёрно-зелёный	100 80 100 20	100 50 80 60	#31403D	49 64 61
	RAL 6013 Тростниково-зелёный	40 20 60 40	40 40 70 10	#797C5A	121 124 90
	RAL 6014 Жёлто-оливковый	80 50 90 60	50 70 100 50	#444337	68 67 55
	RAL 6015 Чёрно-оливковый	80 60 70 40	100 100 100 75	#3D403A	61 64 58
	RAL 6016 Бирюзово-зелёный	100 30 80 0	100 0 70 15	#026A52	2 106 82
	RAL 6017 Майский зелёный	80 20 100 10	77 0 97 0	#468641	70 134 65
	RAL 6018 Желто-зелёный	70 0 90 0	60 0 100 0	#48A43F	72 164 63
	RAL 6019 Бело-зелёный	35 0 40 0	30 0 30 0	#B7D9B1	183 217 177
	RAL 6020 Хромовый зелёный	90 60 80 20	80 40 100 50	#354733	53 71 51
	RAL 6021 Бледно-зелёный	50 10 50 10	43 13 50 7	#86A47C	134 164 124
	RAL 6022 Коричнево-оливковый	90 80 100 20	70 100 90 75	#3E3C32	62 60 50
	RAL 6024 Транспортный зелёный	90 10 80 10	90 100 70 0	#008754	0 135 84
	RAL 6025 Папоротниково-зелёный	80 30 90 10	50 10 100 25	#53753C	83 117 60
	RAL 6026 Опаловый зелёный	100 30 70 40	100 0 70 15	#005D52	0 93 82
	RAL 6027 Светло-зелёный	60 0 30 0	50 0 20 0	#81C0BB	129 192 187
	RAL 6028 Сосновый зелёный	100 60 100 0	100 30 100 40	#2D5546	45 85 70
	RAL 6029 Мятно-зелёный	100 20 100 5	100 0 100 0	#007243	0 114 67
	RAL 6032 Сигнальный зелёный	90 10 80 0	90 0 70 0	#0F8558	15 133 88
	RAL 6033 Мятно-бирюзовый	80 20 50 0	90 0 40 17	#478A84	71 138 132
	RAL 6034 Пастельно-бирюзовый	60 10 40 0	50 0 20 10	#7FB0B2	127 176 178
	RAL 6035 Жемчужный Глянец (Pearl Gloss) Перламутрово-зелёный	90 0 100 75	90 10 100 30	#1B542C	27 84 44
	RAL 6036 Жемчужный Глянец (Pearl Gloss) Перламутровый опаловый зелёный	100 10 60 50	100 10 60 30	#005D4C	0 93 76
	RAL 6037 Зелёный	90 0 100 0	90 0 100 0	#008F39	0 143 57
	RAL 6038 Флуоресцентный (Fluorescent) Люминесцентный зелёный	100 0 100 0	100 0 100 0	#00BB2E	0 187 46
Серые тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 7000 Серая белка	40 10 10 40	33 6 6 36	#7E8B92	126 139 146
	RAL 7001 Серебристо-серый	10 0 0 40	20 7 7 30	#8F999F	143 153 159
	RAL 7002 Оливково-серый	30 30 50 40	37 37 57 15	#817F68	129 127 104
	RAL 7003 Серый мох	30 20 40 40	27 20 40 40	#7A7B6D	122 123 109
	RAL 7004 Сигнальный серый	0 0 0 45	7 4 4 33	#9EA0A1	158 160 161
	RAL 7005 Мышино-серый	30 10 20 60	48 42 39 20	#6B716F	107 113 111
	RAL 7006 Бежево-серый	0 10 30 60	29 43 56 35	#756F61	117 111 97
	RAL 7008 Серое хаки	30 40 70 40	10 30 90 40	#746643	116 102 67
	RAL 7009 Зелёно-серый	20 50 40 80	60 50 70 32	#5B6259	91 98 89
	RAL 7010 Брезентово-серый	20 5 30 80	60 47 50 43	#575D57	87 93 87
	RAL 7011 Железно-серый	40 10 20 80	60 40 30 30	#555D61	85 93 97
	RAL 7012 Базальтово-серый	20 0 10 80	50 20 20 40	#596163	89 97 99
	RAL 7013 Коричнево-серый	10 10 40 80	50 60 100 50	#555548	85 85 72
	RAL 7015 Сланцево-серый	40 10 10 80	80 65 33 45	#51565C	81 86 92
	RAL 7016 Антрацитово-серый	60 30 30 80	100 50 30 60	#373F43	55 63 67
	RAL 7021 Чёрно-серый	50 10 5 95	100 90 70 50	#2E3234	46 50 52
	RAL 7022 Серая умбра	30 20 40 80	80 80 100 75	#4B4D46	75 77 70
	RAL 7023 Серый бетон	40 20 40 40	50 40 40 0	#818479	129 132 121
	RAL 7024 Графитовый серый	80 60 50 40	90 60 30 60	#474A50	71 74 80
	RAL 7026 Гранитовый серый	60 20 30 80	100 40 50 60	#374447	55 68 71
	RAL 7030 Каменно-серый	20 10 20 40	0 0 10 40	#939388	147 147 136
	RAL 7031 Сине-серый	60 30 30 40	68 52 41 18	#5D6970	93 105 112
	RAL 7032 Галечный серый	0 0 20 40	0 0 10 25	#B9B9A8	185 185 168
	RAL 7033 Цементно-серый	30 10 30 40	37 13 37 30	#818979	129 137 121
	RAL 7034 Жёлто-серый	5 5 40 40	0 0 30 40	#939176	147 145 118
	RAL 7035 Светло-серый	5 0 5 20	20 14 14 0	#CBD0CC	203 208 204
	RAL 7036 Платиново-серый	10 10 10 40	30 30 20 10	#9A9697	154 150 151
	RAL 7037 Пыльно-серый	30 20 20 40	11 8 8 46	#7C7F7E	124 127 126
	RAL 7038 Агатовый серый	30 10 20 20	30 22 22 0	#B4B8B0	180 184 176
	RAL 7039 Кварцевый серый	50 40 50 40	60 60 60 0	#6B695F	107 105 95
	RAL 7040 Серое окно	20 5 10 40	30 20 10 10	#9DA3A6	157 163 166
	RAL 7042 Транспортный серый A	30 10 20 40	17 9 9 33	#8F9695	143 150 149
	RAL 7043 Транспортный серый B	30 10 20 80	87 81 74 29	#4E5451	78 84 81
	RAL 7044 Серый шёлк	0 0 15 30	10 10 10 10	#BDBDB2	189 189 178
	RAL 7045 Телегрей 1	20 10 10 40	10 0 0 40	#91969A	145 150 154
	RAL 7046 Телегрей 2	30 10 10 40	31 18 14 25	#82898E	130 137 142
	RAL 7047 Телегрей 4	0 0 5 20	0 0 0 12	#CFD0CF	207 208 207
	RAL 7048 Жемчужный Глянец (Pearl Gloss) Перламутровый мышино-серый	32 32 39 27	18 18 31 34	#888175	136 129 117
Коричневые тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 8000 Зелёно-коричневый	50 50 80 10	20 40 90 25	#887142	136 113 66
	RAL 8001 Охра коричневая	40 60 90 10	10 50 100 10	#9C6B30	156 107 48
	RAL 8002 Сигнальный коричневый	60 80 80 10	20 80 100 30	#7B5141	123 81 65
	RAL 8003 Глиняный коричневый	50 70 80 10	0 60 100 40	#80542F	128 84 47
	RAL 8004 Медно-коричневый	40 80 80 10	0 70 100 25	#8F4E35	143 78 53
	RAL 8007 Олень коричневый	60 70 80 20	0 70 100 40	#6F4A2F	111 74 47
	RAL 8008 Оливково-коричневый	50 60 70 20	30 60 100 10	#6F4F28	111 79 40
	RAL 8011 Орехово-коричневый	10 60 100 80	10 90 100 50	#5A3A29	90 58 41
	RAL 8012 Красно-коричневый	5 100 100 80	0 100 100 50	#673831	103 56 49
	RAL 8014 Сепия коричневый	30 60 100 80	40 70 100 50	#49392D	73 57 45
	RAL 8015 Каштаново-коричневый	0 90 100 80	10 100 100 50	#633A34	99 58 52
	RAL 8016 Махагон коричневый	40 80 80 80	30 90 90 50	#4C2F26	76 47 38
	RAL 8017 Шоколадно-коричневый	60 80 80 80	50 100 90 60	#44322D	68 50 45
	RAL 8019 Серо-коричневый	90 90 80 80	70 100 90 75	#3F3A3A	63 58 58
	RAL 8022 Чёрно-коричневый	100 100 80 95	70 100 90 75	#211F20	33 31 32
	RAL 8023 Оранжево-коричневый	20 70 100 20	0 70 100 10	#A65E2F	166 94 47
	RAL 8024 Бежево-коричневый	30 60 70 40	0 60 100 40	#79553C	121 85 60
	RAL 8025 Бледно-коричневый	40 50 60 40	7 60 93 43	#755C49	117 92 73
	RAL 8028 Терракотовый	20 50 70 80	40 80 100 50	#4E3B2B	78 59 43
	RAL 8029 Перламутровый медный	23 80 93 43	0 80 100 40	#773C27	119 60 39
Чёрные и белые тона	Цвет RAL	CMYK (C)	CMYK (U)	HTML	RGB
	RAL 9001 Кремово-белый	0 0 10 5	0 0 10 0	#EFEBDC	239 235 220
	RAL 9002 Светло-серый	5 0 10 10	3 3 10 7	#DDDED4	221 222 212
	RAL 9003 Сигнальный белый	0 0 0 0	0 0 0 0	#F4F8F4	244 248 244
	RAL 9004 Сигнальный чёрный	100 90 100 80	100 100 100 75	#2E3032	46 48 50
	RAL 9005 Чёрный янтарь	100 100 100 95	87 65 66 58	#0A0A0D	10 10 13
	RAL 9006 Железный блеск (Iron Glimmer) Бело-алюминиевый	0 0 0 40	0 0 0 20	#A5A8A6	165 168 166
	RAL 9007 Железный блеск (Iron Glimmer) Тёмно-алюминиевый	0 0 0 60	17 14 17 29	#8F8F8C	143 143 140
	RAL 9010 Белый	0 0 5 0	0 0 7 0	#F7F9EF	247 249 239
	RAL 9011 Графитно-чёрный	100 100 100 80	90 100 97 75	#292C2F	41 44 47
	RAL 9016 Транспортный белый	3 0 0 0	0 0 0 0	#F7FBF5	247 251 245
	RAL 9017 Транспортный чёрный	100 90 100 95	87 66 66 58	#2A2D2F	42 45 47
	RAL 9018 Папирусно-белый	10 0 10 20	7 4 10 6	#CFD3CD	207 211 205
	RAL 9022 Жемчужный Глянец (Pearl Gloss) Перламутровый светло-серый	21 14 14 31	10 7 7 28	#9C9C9C	156 156 156
	RAL 9023 Жемчужный Глянец (Pearl Gloss) Перламутровый тёмно-серый	8 6 6 57	20 10 10 40	#7E8182	126 129 130

Цвета HTML.

Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

ColorScheme

· Инструмент для подбора цветов и генерации цветовых схем ·

Цветовой Круг Онлайн ⇒

Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов

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

Цвета NCS — Каталог цветов NCS.

Таблица NCS по CMYK и RGB — ColorScheme.Ru

ColorScheme

· Инструмент для подбора цветов и генерации цветовых схем ·

Цветовой Круг Онлайн ⇒

Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов

Натуральная система цвета NCS (Natural Color System) — проприетарная цветовая модель, предложенная шведским Институтом Цвета. Она основана на системе противоположных цветов и нашла широкое применение в промышленности для описания цвета продукции. Сегодня NCS является одной из наиболее широко используемых систем описания цветов в мире, получила международное научное признание, а кроме того, NCS является национальным стандартом в Швеции, Норвегии, Испании, и Южной Африке.

Система обычно используется для описания и сопоставления цветов, а не смешивания цветов. NCS — единственная система, описывающая цвет так, как мы его видим, поэтому она понятна, логична и проста в использовании. В рамках системы NCS возможно определить любой из миллионов оттенков и дать ему точное обозначение.

При описании цвета по NCS используются шесть элементарных цветов, таких цветов, которые нельзя описать сочетанием двух других (к примеру, элементарный красный — это только красный, без желтого или синего оттенков). Из них четыре хроматических цвета — Желтый (Yellow, Y), Красный (Red, R), Синий (Blue, B) и Зеленый (Green, G), и два нехроматических – Белый (White, W) и Черный (Swarthy, S). Остальные цвета представлены сочетанием элементарных (например, оранжевый — одновременно красноватый и желтоватый). Это сходство называется элементарными признаками цвета (желтизна (yellowness), краснота (redness), белизна (whiteness) и т.д.).

Цвет:

Страница 1
<
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Цвет NCS	C	M	Y	K	HTML	R	G	B
NCS S 0300-N	0	0	0	0	#FFFFFF	255	255	255
NCS S 0500-N	0	0	1	1	#FCFCFB	252	252	251
NCS S 1000-N	0	0	2	6	#F2F2F0	242	242	240
NCS S 1500-N	0	1	2	14	#E0DFDE	224	223	222
NCS S 2000-N	0	1	2	18	#D8D8D7	216	216	215
NCS S 2500-N	0	1	2	23	#CECDCC	206	205	204
NCS S 3000-N	0	1	3	29	#C0BFBE	192	191	190
NCS S 3500-N	0	1	3	36	#B0B0AF	176	176	175
NCS S 4000-N	0	1	3	41	#A5A5A4	165	165	164
NCS S 4500-N	0	1	4	47	#979796	151	151	150
NCS S 5000-N	0	1	4	51	#8E8E8D	142	142	141
NCS S 5500-N	0	2	5	55	#858583	133	133	131
NCS S 6000-N	0	2	5	60	#7A7977	122	121	119
NCS S 6500-N	0	2	5	65	#6D6D6B	109	109	107
NCS S 7000-N	0	2	5	70	#60605E	96	96	94
NCS S 7500-N	0	2	5	75	#545452	84	84	82
NCS S 8000-N	0	2	5	82	#434241	67	66	65
NCS S 8500-N	10	0	15	92	#262824	38	40	36
NCS S 9000-N	15	0	25	100	#111410	17	20	16
NCS S 0502-Y	0	0	8	0	#FFFDF2	255	253	242
NCS S 1002-Y	0	0	10	10	#EAE8DB	234	232	219
NCS S 1502-Y	0	0	10	20	#D5D3C7	213	211	199
NCS S 2002-Y	0	0	10	25	#C9C8BD	201	200	189
NCS S 2502-Y	0	0	10	33	#B8B7AD	184	183	173
NCS S 3502-Y	0	0	11	46	#9A9B92	154	155	146
NCS S 4502-Y	0	0	12	55	#86867E	134	134	126
NCS S 5502-Y	0	0	12	65	#6D6D66	109	109	102
NCS S 6502-Y	0	0	12	75	#55554F	85	85	79
NCS S 7502-Y	0	0	12	88	#353430	53	52	48
NCS S 8502-Y	0	0	15	100	#151311	21	19	17
NCS S 0502-Y50R	0	2	10	0	#FFFAED	255	250	237
NCS S 1002-Y50R	0	3	10	7	#F0E9DD	240	233	221
NCS S 1502-Y50R	0	4	10	17	#DAD4CA	218	212	202
NCS S 2002-Y50R	0	5	10	25	#C8C1B9	200	193	185
NCS S 0502-R	0	2	3	0	#FFFBF8	255	251	248
NCS S 1002-R	0	3	5	10	#E9E4DF	233	228	223
NCS S 1502-R	0	4	5	20	#D4CFCC	212	207	204
NCS S 2002-R	0	5	5	27	#C3BEBC	195	190	188
NCS S 2502-R	0	5	5	32	#B9B4B2	185	180	178
NCS S 3502-R	0	5	5	50	#918D8D	145	141	141
NCS S 4502-R	0	5	5	60	#7A7776	122	119	118
NCS S 5502-R	0	6	10	65	#6C6965	108	105	101
NCS S 6502-R	0	8	10	75	#54504D	84	80	77
NCS S 7502-R	0	9	10	90	#2F2C2A	47	44	42
NCS S 8502-R	0	10	10	100	#161212	22	18	18
NCS S 0502-R50B	2	2	0	0	#FCFBFD	252	251	253
NCS S 1002-R50B	2	2	0	12	#E1E2E5	225	226	229
NCS S 1502-R50B	4	4	0	18	#D1D1D6	209	209	214
NCS S 2002-R50B	4	4	0	28	#BCBDC2	188	189	194
NCS S 0502-B	3	0	0	0	#FAFDFF	250	253	255
NCS S 1002-B	4	0	0	10	#E3E8EA	227	232	234
NCS S 1502-B	4	0	0	18	#D2D7DA	210	215	218
NCS S 2002-B	4	0	0	27	#BFC4C7	191	196	199
NCS S 2502-B	4	0	0	35	#AEB3B6	174	179	182
NCS S 3502-B	4	0	0	50	#8D9194	141	145	148
NCS S 4502-B	4	0	0	60	#767A7C	118	122	124
NCS S 5502-B	7	0	0	70	#5B5F61	91	95	97
NCS S 6502-B	9	0	0	80	#434749	67	71	73
NCS S 7502-B	12	0	0	90	#292D2F	41	45	47
NCS S 8502-B	30	0	0	100	#091115	9	17	21
NCS S 0502-B50G	3	0	4	0	#FAFDF8	250	253	248
NCS S 1002-B50G	4	0	5	8	#E7EBE6	231	235	230
NCS S 1502-B50G	7	0	5	19	#CBD3D0	203	211	208
NCS S 2002-B50G	8	0	5	28	#B6BFBD	182	191	189
NCS S 0502-G	3	0	5	0	#FAFDF7	250	253	247
NCS S 1002-G	5	0	8	5	#EBF0E7	235	240	231
NCS S 1502-G	5	0	8	15	#D6DBD3	214	219	211
NCS S 2002-G	5	0	8	25	#C1C6BF	193	198	191
NCS S 2502-G	5	0	8	33	#B0B5B0	176	181	176
NCS S 3502-G	5	0	8	47	#919692	145	150	146
NCS S 4502-G	5	0	8	55	#808481	128	132	129
NCS S 5502-G	5	0	8	70	#5C5F5C	92	95	92
NCS S 6502-G	5	0	8	80	#464845	70	72	69
NCS S 7502-G	10	0	8	90	#2B2E2C	43	46	44
NCS S 8502-G	10	0	20	100	#131411	19	20	17
NCS S 0502-G50Y	2	0	5	0	#FCFDF7	252	253	247
NCS S 1002-G50Y	2	0	5	5	#F0F2EB	240	242	235
NCS S 1502-G50Y	3	0	10	15	#DADCD0	218	220	208
NCS S 2002-G50Y	3	0	10	25	#C4C7BD	196	199	189
NCS S 0505-Y	0	0	14	0	#FFFBE7	255	251	231
NCS S 0507-Y	0	0	25	0	#FFF9D6	255	249	214
NCS S 0510-Y	0	0	30	0	#FFF8CA	255	248	202
NCS S 0515-Y	0	0	35	0	#FFF6BE	255	246	190
NCS S 0520-Y	0	3	46	0	#FFEEA7	255	238	167
NCS S 0530-Y	0	3	55	0	#FFEB92	255	235	146
NCS S 0540-Y	0	3	70	0	#FEE66B	254	230	107
NCS S 0550-Y	0	7	80	0	#FDDD4E	253	221	78
NCS S 0560-Y	0	10	90	0	#FDD72C	253	215	44
NCS S 0570-Y	0	8	100	0	#FAD500	250	213	0
NCS S 0580-Y	0	12	100	0	#F9CF00	249	207	0
NCS S 1005-Y	0	0	20	5	#F5F0D3	245	240	211
NCS S 1010-Y	0	1	35	5	#F4EAB5	244	234	181
NCS S 1015-Y	0	3	38	4	#F6E9B0	246	233	176
NCS S 1020-Y	0	4	43	5	#F4E5A3	244	229	163
NCS S 1030-Y	0	8	55	3	#F6DE8A	246	222	138
NCS S 1040-Y	0	10	60	2	#F9DD80	249	221	128
NCS S 1050-Y	0	12	80	0	#FED74C	254	215	76
NCS S 1060-Y	0	13	90	0	#FCD32B	252	211	43
NCS S 1070-Y	0	17	90	2	#F7CA27	247	202	39
NCS S 1080-Y	0	20	100	5	#ECBC00	236	188	0

Цвет:

Страница 1
<
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Цвета Pantone — Онлайн каталог Pantone.

Таблица Пантонов по CMYK и RGB — ColorScheme.Ru

ColorScheme

· Инструмент для подбора цветов и генерации цветовых схем ·

Цветовой Круг Онлайн ⇒

Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов

Цветовая модель Пантон, система Pantone Matching System — это широко используемая стандартизованная система идентификации и подбора цвета, общепризнанный международный стандарт в издательском деле и офсетном производстве.

Идея стандартизации цвета в том, чтобы независимо от используемого оборудования позволить дизайнерам точно воспроизвести нужный цвет, лишь указав его номер. С середины XX века компания выпускает каталоги эталонных цветов (цветовые веера Pantone, пантонники). Каждый цвет из каталога имеет свой код идентификации и пропорции составляющих его базовых красок.

Цвет в каталога Pantone — нанесённая в один прокат готовая краска, предварительно смешанная из базовых цветов в точно заданной пропорции.

В таблице представлен Pantone Color Bridge Coated Process. Данный каталог цветов содержит лишь ближайшие CMYK и RGB аналоги к смесевым цветам. Далеко не каждый цвет из палитры Pantone возможно передать триадными красками, — цветовой диапазон смесевых цветов Pantone гораздо шире, чем у триадных красок CMYK.

Номер цвета:

Страница 1
<
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

Цвет Pantone	C	M	Y	K	HTML	R	G	B
PANTONE 100	0	0	56	0	#FCEA76	252	234	118
PANTONE 101	0	0	68	0	#FCE85F	252	232	95
PANTONE 102	0	0	95	0	#FEE500	254	229	0
PANTONE 103	5	5	100	16	#D0BC00	208	188	0
PANTONE 104	7	13	100	28	#BBA30D	187	163	13
PANTONE 105	13	18	88	45	#998730	153	135	48
PANTONE 106	0	0	75	0	#FCE85D	252	232	93
PANTONE 107	0	0	92	0	#FDE724	253	231	36
PANTONE 108	0	5	98	0	#F9DA00	249	218	0
PANTONE 109	0	9	100	0	#F8D500	248	213	0
PANTONE 110	2	22	100	8	#DBB216	219	178	22
PANTONE 111	8	21	100	28	#B69920	182	153	32
PANTONE 112	10	20	100	40	#A48C1A	164	140	26
PANTONE 113	0	2	83	0	#FAE34E	250	227	78
PANTONE 114	0	4	87	0	#F9DE45	249	222	69
PANTONE 115	0	6	87	0	#F8DB46	248	219	70
PANTONE 116	0	14	100	0	#F5CB08	245	203	8
PANTONE 117	6	27	100	12	#CDA31F	205	163	31
PANTONE 118	7	28	100	30	#B48F1F	180	143	31
PANTONE 119	17	22	100	47	#937F20	147	127	32
PANTONE 120	0	5	64	0	#F7DD76	247	221	118
PANTONE 121	0	8	70	0	#F6D86F	246	216	111
PANTONE 122	0	11	80	0	#F5D258	245	210	88
PANTONE 123	0	19	89	0	#F2C541	242	197	65
PANTONE 124	0	30	100	0	#EDB220	237	178	32
PANTONE 125	6	32	100	24	#BB9121	187	145	33
PANTONE 126	11	31	100	36	#A7861D	167	134	29
PANTONE 127	0	4	62	0	#FAE17B	250	225	123
PANTONE 128	0	7	75	0	#F8D962	248	217	98
PANTONE 129	0	11	78	0	#F6D15A	246	209	90
PANTONE 130	0	32	100	0	#EDAC1A	237	172	26
PANTONE 131	2	39	100	10	#D0941F	208	148	31
PANTONE 132	9	38	100	32	#AB7F20	171	127	32
PANTONE 133	19	37	100	59	#775F1F	119	95	31
PANTONE 134	0	12	60	0	#F5D27A	245	210	122
PANTONE 135	0	21	76	0	#F1C15C	241	193	92
PANTONE 136	0	28	87	0	#EFB646	239	182	70
PANTONE 137	0	41	100	0	#EAA124	234	161	36
PANTONE 138	0	52	100	0	#E68C28	230	140	40
PANTONE 139	7	49	100	25	#B27827	178	120	39
PANTONE 140	19	49	100	54	#7D5A25	125	90	37
PANTONE 141	0	16	65	0	#F5CD66	245	205	102
PANTONE 142	0	24	78	0	#F2BF4C	242	191	76
PANTONE 143	0	32	87	0	#F0B336	240	179	54
PANTONE 144	0	51	100	0	#EA961C	234	150	28
PANTONE 145	4	53	100	8	#D08921	208	137	33
PANTONE 146	7	50	100	34	#A97620	169	118	32
PANTONE 147	19	38	90	58	#786428	120	100	40
PANTONE 148	0	17	43	0	#F4D199	244	209	153
PANTONE 149	0	24	51	0	#F2C688	242	198	136
PANTONE 150	0	41	78	0	#EDAA50	237	170	80
PANTONE 151	0	60	100	0	#E88D21	232	141	33
PANTONE 152	0	66	100	0	#E68523	230	133	35
PANTONE 153	5	64	100	17	#C17723	193	119	35
PANTONE 154	8	66	100	41	#9D6120	157	97	32
PANTONE 155	0	12	34	0	#F5D7A5	245	215	165
PANTONE 156	0	23	49	0	#F1C382	241	195	130
PANTONE 157	0	42	74	0	#EBA344	235	163	68
PANTONE 158	0	62	95	0	#E47E1A	228	126	26
PANTONE 159	1	72	100	7	#D0651E	208	101	30
PANTONE 160	6	71	100	31	#AB5A20	171	90	32
PANTONE 161	16	67	100	71	#66401D	102	64	29
PANTONE 162	0	25	35	0	#F0C4A0	240	196	160
PANTONE 163	0	44	52	0	#EBA677	235	166	119
PANTONE 164	0	59	80	0	#E68A48	230	138	72
PANTONE 165	0	70	100	0	#E37828	227	120	40
PANTONE 166	0	76	100	0	#E06C2A	224	108	42
PANTONE 167	5	77	100	15	#BB5D29	187	93	41
PANTONE 168	12	80	100	60	#6F3B20	111	59	32
PANTONE 169	0	30	26	0	#EEBCA8	238	188	168
PANTONE 170	0	48	50	0	#E89C77	232	156	119
PANTONE 171	0	61	72	0	#E4834E	228	131	78
PANTONE 172	0	73	87	0	#E06E37	224	110	55
PANTONE 173	0	82	94	2	#D7572B	215	87	43
PANTONE 174	8	86	100	36	#9C4124	156	65	36
PANTONE 175	18	79	78	56	#77402E	119	64	46
PANTONE 176	0	35	18	0	#EDB9B4	237	185	180
PANTONE 177	0	54	38	0	#E7948A	231	148	138
PANTONE 178	0	70	58	0	#E27865	226	120	101
PANTONE 179	0	87	85	0	#DD5143	221	81	67
PANTONE 180	3	91	86	12	#C1433C	193	67	60
PANTONE 181	21	93	88	50	#80352F	128	53	47
PANTONE 182	0	31	8	0	#ECBEC5	236	190	197
PANTONE 183	0	49	17	0	#E79CA6	231	156	166
PANTONE 184	0	73	32	0	#DF6B7C	223	107	124
PANTONE 185	0	93	79	0	#D93740	217	55	64
PANTONE 186	2	100	85	6	#C92A39	201	42	57
PANTONE 187	7	100	82	26	#AC2B37	172	43	55
PANTONE 188	16	100	65	58	#7D2935	125	41	53
PANTONE 189	0	39	10	0	#EBB3BC	235	179	188
PANTONE 190	0	56	18	0	#E58F9E	229	143	158
PANTONE 191	0	79	36	0	#DE6276	222	98	118
PANTONE 192	0	94	64	0	#DB3B50	219	59	80
PANTONE 193	2	99	62	11	#C32E4C	195	46	76
PANTONE 194	8	100	55	37	#9D2945	157	41	69
PANTONE 195	19	90	50	55	#7E3545	126	53	69
PANTONE 196	0	23	6	0	#EFCAD0	239	202	208
PANTONE 197	0	46	12	0	#E8A1B0	232	161	176
PANTONE 198	0	82	37	0	#DC5672	220	86	114
PANTONE 199	0	100	72	0	#D82949	216	41	73

Номер цвета:

Страница 1
<
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

Как подобрать гармоничную комбинацию цветов для Web-сайта

Learning to Use Color on Your Web Site

автор: 2000, Element K Content LLC и Ron Wilder

В данной статье описывается простой процесс подбора гармоничных сочетаний цветов. А что, как не гармоничное сочетание цветов, важно для создания приятного, радующего глаз Web-узла?
Маленькое замечание: в качестве первичных цветов по художеской традиции упоминаются красный, синий, желтый. Но мы-то с вами знаем, что первичными цветами на самом деле являются красный, зеленый, синий.

В жизни мы часто встречаем людей, которые запросто делают вещи, непостижимые для других. Например, кто-то может овладеть игрой на музыкальном инструменте за несколько дней, а другому приходится на это тратить целую жизнь. Мы едва справляемся с правилами родного языка, а кто-то может свободно говорить на нескольких иностранных. Кто-то прикоснувшись к электрощиту, способен ударить током всех окружающих, а кто-то решает проблему одной левой. Часто встречается мнение, что чувство цвета — нечто врожденное, и этому невозможно научиться. Но на самом деле, при наличии соответствующих инструментов, а также пережив несколько «ударов электротоком», даже дальтоник может научиться подбирать цветовые схемы, которые будут радовать глаз.

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

Это синий

Во-первых, давайте разберемся в терминологии, чтобы убедиться, что вы не потеряете нить рассуждений в процессе чтения статьи. Все мы знаем, что первичными (primary) цветами являются красный, желтый и синий. Для того чтобы получить вторичные (secondary) цвета, мы смешиваем один цвет с другим. Желтый и красный дают нам оранжевый, красный и синий — пурпурный/лиловый, а синий и желтый — зеленый. А что такое третичные (tetriary) цвета? Просто берется первичный цвет и к нему добавляется соседний вторичный. Это означает, что существует шесть третичных цветов (по два цвета от каждого первичного цвета). Рис. А демонстрирует все описанные цвета во всей их красоте.

Рис. А.: для того, чтобы научиться подбирать великолепные цветовые схемы,
для начала нужно знать о трех типах цветов.

Для того чтобы полностью понять, как эти цвета взаимодействуют друг с другом, лучше всего расположить их по кругу. Такая организация, показанная на рис. В, в мире дизайна называется цветовым кругом. Красиво, не правда ли? Но что действительно впечатляет, это как данный круг будет помогать вам выбирать цвета для вашего Web-сайта.

Рис. В.: собрав воедино первичные, вторичные и третичные цвета, мы получаем цветовой круг.

Подбор цветов с помощью цветового круга

Самый простой способ подбора цветов в цветовом круге — представить себе над кругом равнобедренный треугольник. Цвета, которые окажутся под вершинами — потенциальные кандидаты на использование. (Для тех, кто проспал урок геометрии и черчения, поясняю, вершинами являются точки, где сходятся отрезки, образующие стороны треугольника). Этот тип подбора цветов называется «триадной схемой». Взгляните на рис. С. У нас получаются четыре различных триадных схемы, с которыми уже можно работать. Суть заключается в том, что эти цвета, работая вместе, образуют гармоничную комбинацию цветов.

Рис. С: на цветовом круге существует четыре возможных триады цветов

Но триадами не стоит ограничиваться. Можно выбрать и комплиментарные (complementary) цвета, т.е. те цвета, которые расположены в круге прямо напротив друг друга — например, красный и зеленый. Они называются комплиментарными/дополняющими потому, что, будучи помещенными рядом, они делают друг друга ярче и живее, см. рис. D.

Рис. D.: цвета, противоположные друг другу на круге, называются комплиментарными/дополняющими

Различные варианты

На этом этапе мы уже можем приступить к более сложным комбинациям. Например, можно взять две пары комплиментарных цветов, что называется «двойной комплемент» (double complement). Скажем, желтый и пурпурный/лиловый, синий и оранжевый. Другой схемой является альтернативный комплемент (alternate complement), когда комбинируется триада цветов с цветом, комплиментарным одному из цветов триады. Зеленый, красно-пурпурный, красный и оранжевый — пример такой комбинации. Также существует

«расщепленный комплемент» (split complement), когда берется цвет, его комплиментарный цвет и два прилегающих к нему цвета.

И наконец, вы наверное слышали о тетраде: когда берутся четыре цвета, которые расположены прямо напротив друг друга. Т.е. выбираются 1 первичный, 1 вторичный и два третичных цвета. На рис. Е. Показаны примеры вышеперечисленных схем.

Рис. Е.: эти схемы вдохнут жизнь в любой Web-сайт

Все семейство

Итак, мы перебрали все возможные комбинации контрастирующих цветов. Теперь обратимся к двум типам схем, где используются родственные цвета — монохроматической (monochromatic) и сходственной (analogous).

Монохроматичный набор цветов, как свидетельствует его название, использует один цвет и все его оттенки и вариации. При правильном использовании эта схема может придать Web-сайту аккуратный, чистый вид. Сходственная схема цветов, с другой стороны использует цвета, которые расположены по соседству друг с другом на цветовом круге. Как можно судить по рисунку F. сходственная схема весьма похожа на монохроматическую.

Рис. F.: сходственная схема очень напоминает монохроматическую

Итак, все вместе

Теперь, когда мы вывалили вам на голову столько комбинаций цветов, считаем своим долгом дать несколько предостережений. Первое и самое главное: цветовые схемы, упомянутые здесь, сами по себе могут и не сработать. Вам по-прежнему придется кое-что поменять в цветах (насыщенность или яркость), чтобы они «ужились». Приведенные здесь схемы — лишь отправная точка, а не вершина мастерства. Ведь, в конечном счете, решающим фактором будет читаемость текста на Web-сайте и его внешний вид (look and feel).

Чтобы увидеть, как цвета уживаются друг с другом, дизайнеры советуют воспользоваться любой графической программой, где есть функция «слои», и сравнить различные варианты схем, переключаясь между ними. Например, на рис. G, одни комбинации работают нормально, в то время как другие требуют дополнительной обработки.

Рис. G.: не всякая комбинация годится в дело

Заключение

Хотя выбор цветов является одним из самых наиболее субъективных процессов в мире дизайна, необходимо тем не менее знать теорию, которая определяет выбор одной, а не другой комбинации цветов. Конечно, теория не поможет вам выбрать удачную комбинацию немедленно, но может послужить хорошим маяком. Теперь вам осталось разобраться с электрощитом.

Подробнее!

Теории цвета можно посвятить множество выпусков, но мы опасаемся жалоб со стороны тех, кто ее уже знает. Если вы хотите научиться большему, посетите Web-сайт Color Matters (www.colormatters. com) *. Этот сайт охватывает такие темы, как цвет и Web, цвет и изобразительное искусство, цвет и наука, и даже цвет и еда (непременно почитайте статью о синих спагетти!)

Источник: www.webmascon.com

* Статьи ресурса Color Matters (www.colormatters.com) доступны на нашем сайте в английском разделе Articles.

Как подобрать цвета для фирменного стиля

Брендинг, Гайдлайн, Фирменный стиль

Грамотно подобранная палитра — один из самых мощных брендинговых инструментов. 84,7% потребителей утверждают, что именно цвет побуждает их покупать те или иные продукты. Поэтому к выбору фирменных оттенков следует отнестись серьезно и сперва разобраться, какие эмоции и ассоциации стоят за каждым из них. Основы теории цвета и наша статья вам в помощь.

Почему цвета так важны

Все бренды хотят одного — установить сильную эмоциональную связь со своими клиентами. Проблема в том, что это сложно сделать с помощью одного слогана или витрины магазина. Здесь и приходят на помощь фирменные цвета, чья задача — обеспечить быстрый доступ к сердцам ваших покупателей.

Один из самых известных теоретиков цвета, Фабер Биррен, подробно писал о связи между цветами и эмоциональным состоянием человека. Точно так же, как слова «любовь» и «бензоколонка» вызывают разные эмоции, красный и синий цвета стимулируют разные человеческие реакции. Но что самое интересное: одни и те же цвета вызывают похожие реакции у абсолютно разных людей. Другими словами, желтый цвет одинаково воздействует на всех людей от Одессы до Нью-Йорка. Даже самый хладнокровный бизнесмен и заядлый скептик, не может игнорировать психологический эффект цветовой палитры. Поэтому вопрос не в том, работают ли фирменные цвета. А как сделать так, чтобы фирменные цвета работали на вас?

1. Определите характер вашего бренда

Выбрать фирменные цвета для вашего бренда легко, если вы знаете, кто вы и что хотите сказать. Огненно-красный сотворил чудеса для энергичной и зажигательной Coca-Cola, однако смотрелся бы странно на матрасах спокойного и умиротворенного Dormeo. Поэтому первый шаг в подборе фирменной палитры — определить ваши характерные черты.

2. Изучите значение цветов

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

Красный — страсть, волнение, гнев, решительность, смелость. Стимулирует, привлекает внимание и возбуждает.
Оранжевый — игривость, жизненная сила и дружелюбие. Ассоциируется с молодой аудиторией и побуждает к действиям.
Желтый — счастье, молодость и оптимизм.
Зеленый — стабильность, процветание, связь с природой. Темные оттенки вызывают ассоциации с деньгами и достатком.
Светло-голубой — спокойствие, доверие, открытость.
Темно-синий — профессионализм, безопасность, формальность. Активно используется в финансах, здравоохранении, технологиях.
Фиолетовый — креативность, богатство, роскошь.
Розовый — женственность, молодость, невинность.
Коричневый — консерватизм, опыт, уверенность и долговечность. Используется редко и с осторожностью.
Белый — чистота, здоровье, простота.
Черный и серый — роскошь, элегантность, классика, стиль. Подходит для премиальных товаров и услуг.

Помните, что эффект от ваших фирменных цветов зависит от стиля и дизайна, в котором они используются, а также от выбранных вами цветовых комбинаций. У каждого оттенка есть свои нюансы: слишком много желтого может вызывать тревогу и ощущение дешевизны, а черный — навевать депрессивные ассоциации.

Когда дело доходит до передачи всех ваших сбережений кому-то, доверие имеет первостепенное значение. Вот почему на сайте Chase Bank и других финансовых учреждений так много синего.

3. Воспользуйтесь формулой для выбора цветового решения

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

Выберите 3 цвета

Базу, акцент и нейтральный. Палитра бренда может включать от 1 до 4 фирменных цветов. Но даже одноцветные палитры нуждаются в разных оттенках для разных целей.

Определите базовый цвет

Он должен отражать наиболее доминирующую черту личности вашего бренда и привлекать целевую аудиторию.

Определите акцент

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

Определите нейтральный цвет

Нейтральный цвет не должен привлекать внимания. Как правило, это разные оттенки серого, но бежевый и белый тоже подходят. Черный тоже неплохой вариант, но будьте осторожны: он склонен доминировать над любой цветовой схемой, частью которой он является.

4. Выберите цветовую схему

На протяжении всего процесса, вы также должны держать в голове вопрос: какой цветовой схемы вы придерживаетесь? Как правило, бренды выбирают одну из следующих схем:

Монохроматическая. Подходит минималистичным брендам, которые хотят сосредоточиться на одной черте характера. Ее главная задача — дифференцировать оттенки таким образом, чтобы фирменный стиль не выглядел однообразным.
Аналоговая. Использует два цвета, расположенные рядом на цветовом круге. Это беспроигрышный вариант, поскольку смежные цвета обычно имеют схожие эмоциональные коннотации.
Дополнительная. Использует цветовые противоположности — оттенки, расположенные прямо напротив друг друга на цветовом колесе. Подходит для динамичных, стимулирующих визуальных эффектов, но может быть считана как подражание другой марке, поскольку часто используется.
Триадная. Использует три цвета на одинаковом расстоянии друг от друга на цветовом круге. Самое сложное в ней — выбрать три цвета, которые будут совпадать с характером вашего бренда.

Вывод

Фирменные цвета — неотъемлемая часть вашей визуальной идентичности. Они определяют внешний вид вашего веб-сайта, логотипа, рекламных объявлений и аккаунтов в соцсетях. Так что, выбирая палитру, будьте последовательны и принимайте обоснованные решения. Если сомневаетесь, обратитесь за советом к профессионалам. Однако, не загоняйте себя в рамки и не будьте слишком строги. Помните: самое главное в выборе цветов — это эмоции, которые они вызывают. Поэтому не бойтесь полагаться на свои внутренние ощущения.

Заказать услугу

Как выбрать цветовую палитру для создания идеальной цветовой схемы

Ссылка скопирована в буфер обмена

Наша работа как дизайнеров состоит в том, чтобы взять продукт или проект и сделать его удобным для пользователя, оставаясь при этом верным бизнес-целям. Это непростая задача. Мы отвечаем за все, от вайрфреймов и пользовательских потоков до типографики и выбора цвета.

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

Основы теории цвета

Давайте сначала разберемся с некоторыми основными вещами. Вот краткий список терминов и определений (да, как в средней школе), чтобы мы все были на одной странице, когда дело доходит до основных знаний.

Цветовая терминология

Оттенок : какой цвет, например, синий или красный
Цветность : насколько чистый цвет; к нему добавилось отсутствие белого, черного или серого
Насыщенность : сила или слабость цвета
Значение : насколько светлым или темным является цвет
Тон : создается путем добавления серого к чистому оттенку

Оттенок : создается путем добавления черного к чистому оттенку
Оттенок : создается путем добавления белого к оттенку

Автор Jacobolus – собственная работа, общественное достояние

Четыре основных типа цветовых палитр

- Монохроматический : Различные оттенки и глубины одного оттенка. Это могут быть самые простые цветовые схемы для создания, так как все они взяты из одного цвета. Это усложняет (но не делает невозможным) создание резкой или уродливой схемы. Однако будьте осторожны; монохроматические палитры могут быть скучными, если они сделаны плохо.

В этом монохроматическом примере шрифт просвечивает.

- Аналог : Основной цвет и цвета по обе стороны от него на цветовом круге. Эти палитры обычно отлично справляются с задачей выражения последовательности и единообразия в дизайне. С ними также легко работать, потому что нет большой разницы в оттенках. Вместо этого контраст достигается в первую очередь за счет вариаций цветового оттенка, ограничивая любое отвлечение от контента.

В этом аналогичном примере используются цвета из сине-фиолетовой части цветового круга.

- Дополнительный : Дополнительные или противоположные цвета цветового круга (например, красный и зеленый, синий и оранжевый и т. д.). Дополнительные палитры отлично подходят для передачи чувства баланса. Подобно аналогичным палитрам, добавление различных оттенков и оттенков может расширить эти схемы. Это особенно полезно, чтобы избежать резкого контраста, который может вызвать напряжение глаз, когда два противоположных цвета расположены рядом друг с другом.

В этом дополнительном примере от Codecademy также используется акцентный цвет.

- Триадный : Три цвета из равноудаленных точек на цветовом круге (например, красный, желтый и синий). Триадный метод создает более разнообразную палитру. Это требует немного больше планирования и экспериментов, потому что включает в себя большее количество оттенков, которые противостоят друг другу.

В этом триадном примере выделяются три основных цвета: красный, синий и желтый.

Что означают цвета

Красный : энергия, сила, страсть
Оранжевый : радость, энтузиазм, творчество
Желтый : счастье, интеллект, энергия
Зеленый : амбиции, рост, свежесть, безопасность
Синий : спокойствие, уверенность, интеллект
Фиолетовый : роскошь, амбиции, творчество
Черный : сила, элегантность, тайна
Белый : чистота, непорочность, совершенство

Чтобы узнать больше о том, что означают определенные цвета, прочтите этот пост в блоге Canva.

Примечание о доступности

Одна из проблем, о которой должны помнить дизайнеры UX, — это удовлетворение потребностей посетителей сайта с дальтонизмом или дефицитом цветового зрения (ССЗ). Это состояние затрагивает более восьми процентов мужчин и около 0,5 процента женщин североевропейского происхождения. UX-дизайнеры должны использовать удобные для дальтоников палитры, адаптированные и сконфигурированные с учетом множества разновидностей дальтонизма. Прочтите этот пост от команды инженеров Pinterest о том, как они приближаются к доступности CVD на своей преимущественно визуальной платформе.

3 совета для начала работы

Начните с оттенков серого. Создавая проекты сначала в оттенках серого, вы делаете упор на удобство использования и четкую навигацию, а не на правильный цвет кнопки CTA . Заставьте себя сосредоточиться на размещении элементов и оптимизации пустого пространства. Четкая иерархия типов и элементов будет иметь большое значение для создания наилучшего пользовательского опыта.

Используйте правило 60-30-10. Используйте цвета в пропорции 60% + 30% + 10%. Это старое правило дизайна интерьера призвано сбалансировать ваши цвета. Формула работает, потому что позволяет глазу комфортно перемещаться от одной фокусной точки к другой. Он также невероятно прост в использовании: 60% — ваш доминирующий оттенок, 30% — ваш дополнительный цвет, а 10% — цвет акцента. Даже если в вашей палитре более трех цветов (но, пожалуйста, не более пяти), соблюдение баланса будет чище для глаз и удобнее для мозгов ваших пользователей.

Самые лучшие цветовые сочетания созданы природой. Они всегда будут выглядеть естественно. Самое лучшее в поиске дизайнерских решений — это то, что палитра постоянно меняется. Рассветы, закаты, пляжные пейзажи… все они имеют уникальные палитры, которые можно адаптировать в соответствии с вашими потребностями. Используйте такое приложение, как Adobe Capture (подробнее о нем в следующем разделе), чтобы изолировать цветовую палитру от фотографии для использования в других приложениях.

10.02.18??❤ ?:Nikon P900 #nikon #nikonphilippines #nikonp900 #philippines #NikonAsia #nikonartists #nikontop #NikonGlobal #photography #color #colorpalette #colorsofnature #naturecolors #naturepallete #naturecolorpalette #naturephotograph #naturephotography #naturephoto #instagram #travel #travelphotography #travelling #wimsquad
A пост опубликован Рджеем Лоуренсом Акино (@rjayaquino) 28 марта 2018 г. в 6:31 утра по тихоокеанскому времени

Связано: см. популярные цветовые палитры на Dribbble с этой новой платформой

3 цветных инструмента, которые украсят вашу палитру

Color Hunt — это «бесплатная и открытая платформа для вдохновения цветом с тысячами модных подобранных вручную цветовых палитр». Это отличный способ пролистать (почти) бесконечный поток цветовых палитр в поисках тех, которые поразят ваше воображение.

Coolors.co — Этот инструмент представляет собой «сверхбыстрый генератор цветовых схем для крутых дизайнеров». Существует приложение для iOS, а также надстройки Adobe для Photoshop и Illustrator. Вы можете просматривать тысячи цветовых палитр сообщества, сохранять любимые цветовые палитры и получать к ним доступ практически из любого места, а также использовать их в своих проектах всего несколькими щелчками мыши.

Paletton — аналогичен Coolors и Color CC, с той лишь разницей, что вы не ограничены только 5 тонами. Это отличный инструмент, который можно использовать, когда у вас есть основные цвета и вы хотите изучить дополнительные тона. Если вы хотите изучить все различные типы цветовых палитр, о которых мы говорили выше, это отличный инструмент для их изучения.

Выбрав цветовую палитру, не забудьте добавить ее в систему дизайна в новом диспетчере системы дизайна InVision. У вас еще нет учетной записи DSM? Обязательно зарегистрируйтесь сегодня. Текущие пользователи DSM, войдите в систему ниже, чтобы воспользоваться этими новыми функциями.

by Will Fanguy

Follow

Идеи цветовой палитры — трехэтапное руководство по выбору цветовой палитры

Цветовая схема объединяет не только мебель и акцентные элементы, но и скрепляет дизайн вашего дома. Если вы остановитесь на секунду и осмотритесь, то заметите, что каждая комната в вашем доме имеет цветовую палитру, даже если она просто монохромная. Хотя стиль дизайна, который вы выбираете, во многом зависит от того, как выглядит каждая комната, выяснение того, как выбрать цветовую палитру, — это единственное, что объединит все воедино.

В Spacejoy мы хотим помочь вам спроектировать дом вашей мечты, по одной комнате за раз. Сегодня мы поделимся некоторыми из наших самых сокровенных секретов о том, как выбрать цветовую схему.

1. Выбор цветов

Начните с работы с цветового круга. Вы можете найти один из них в Интернете или в местном магазине красок. Здесь вы найдете первичные, вторичные и третичные цвета. Это поможет вам сосредоточиться на цветовой схеме в дальнейшем.

Основные цвета: ваши красные, синие и желтые. Эти цвета не могут быть созданы.
Дополнительные цвета: у вас есть оранжевый, зеленый и фиолетовый. Это цвета, которые вы можете создать, комбинируя два основных цвета.
Третичные цвета: представляют собой смесь вторичных и основных цветов для получения уникальных оттенков. Вы используете черный и белый цвета, чтобы играть с разными оттенками и тонами.

2. Создайте свою цветовую схему

Теперь, когда у вас есть свои цвета, можно легко создать цветовую схему, которая наилучшим образом соответствует вашему стилю и домашнему декору. Вы можете выбрать одну из четырех различных цветовых схем:

Монохроматический: использует разные тона одного цвета в комнате. У вас может быть темно-синяя стена в сочетании с мягкими синими диванами и, например, искусство бледно-голубого цвета.
Аналогия: здесь используются цвета, расположенные рядом друг с другом на цветовом круге. Например, желтый цвет можно использовать с зеленым или оранжевым, чтобы создать красочную и успокаивающую цветовую палитру для вашего дома.
Контраст: Как вы уже догадались, здесь вы используете контрастные цвета, обычно противоположные друг другу на цветовом круге, например, зеленый с синим или красный с пурпурным.
Дополняющие друг друга: наконец-то у вас есть цвета, которые естественным образом дополняют друг друга. Они могут создать более драматичный вид. Например, синий на фоне оранжевого — популярный дополнительный цвет.

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

Советы по освоению цветовой схемы

Теперь, когда у вас есть вдохновение, пришло время создать свою цветовую схему. Обратите внимание на основные цвета, которые вы заметили, используя предыдущие советы. Если вам нужна помощь в поиске правильных цветов, поиск на веб-сайте любого производителя краски даст вам представление.

Затем выберите от трех до пяти цветов, которые вы часто видите в своем декоре прямо сейчас. Это основа вашей цветовой схемы. Когда вы будете готовы включить их в декор вашего дома, нужно помнить о нескольких вещах:

Выберите более светлые тона для окраски большинства стен, примерно 60 процентов комнаты.
Покрасьте несколько акцентных стен в гостиной и спальне, примерно на 30 процентов в полутоновый цвет.
Наконец, раскрасьте прихожую или одну стену в столовой, только 10 % в самом ярком цвете.

Если вы будете следовать этим рекомендациям, ваш дом будет гармонично сочетаться с вашей цветовой палитрой.

В дизайне также важно играть с теплыми и холодными цветами. Чем больше вы понимаете, как цвета работают в вашем доме, тем лучше. Вот что нужно знать об этих различиях:

Теплые цвета: это забавные, энергичные цвета, которые могут помочь комнатам казаться меньше, чем при неправильном использовании. Вы должны использовать эти цвета для покраски акцентных стен или создания акцента в комнате.
Прохладные цвета: это успокаивающие и умиротворяющие цвета, которые создают ощущение большего простора, поэтому комнаты кажутся более просторными. Этими цветами можно раскрасить всю площадь.

3. Попробуйте разные цветовые тона

При выборе цветов для больших предметов мебели и декоративных аксессуаров также полезно помнить о цветовой гамме. В этом случае вы по-прежнему будете работать с теми же тремя-пятью цветами, но расширите свой поиск на другие тона.

Например, если мы думаем о доме с видом на океан, использование темной песочной ленты для предметов мебели все равно будет в рамках цветовой гаммы. То же самое относится и к другому примеру; бесконечные зеленые тона дополняют ранее выбранные вами основные цвета. Когда вы играете со звуками, помните:

Выбирайте полутона для ковров и крупных предметов мебели, даже если они имеют узорчатый рисунок.
Используйте самые яркие тона для таких аксессуаров, как подушки и рамки.

Другие факторы, которые следует учитывать при выборе цветовой палитры

Как вы уже знаете, краска выглядит на свопе совсем не так, как на ваших стенах и в декоре. Когда вы выбираете цветовую палитру для дома, такие вещи, как освещение, ваше окружение и декор, будут играть важную роль. Вот некоторые другие вещи, которые следует иметь в виду.

Помните о вариантах освещения

Выбирая цветовую палитру, помните, что освещение изменит внешний вид определенных цветов. Например, если вы предпочитаете теплое освещение, цвет краски для стен, скорее всего, будет выглядеть более желтым и мягким.

Наоборот, если вам нравится яркое белое освещение, ваши цвета будут выделяться и сиять ярче. Выбирая цвета, постарайтесь разместить их при текущем освещении, чтобы увидеть, как они реагируют. Иметь несколько образцов краски и ткани может быть полезно.

Используйте существующий декор в качестве вдохновения

У вашего дома уже есть стиль. Это может быть более формальным или случайным, но вы знаете, что это ощущается определенным образом. Если вы присмотритесь, то заметите, что у вашей мебели уже есть тема.

Будь то современный стиль середины века или деревенский стиль, ваш стиль будет заметен через предметы мебели. Понимание вашего стиля и темы поможет вам получить общее представление о цветах, которые вы хотите добавить в свой декор.

Затем используйте элементы декора в качестве отправной точки. Большинство дизайнеров рекомендуют выбирать одну узорчатую ткань или настенное искусство, состоящее как минимум из трех или более цветов. Используйте этот центральный элемент в качестве источника вдохновения.

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

Включение на открытом воздухе

Еще один способ найти цветовую палитру — позволить вашему взгляду вдохновить вас. Посмотрите в свои окна. Что ты видишь? Зелень? Зеркальные здания? Нежные цветы вишни? Конкретный? Пляж?

Воспринимайте свой вид из окна как произведение искусства на стене, которое украшает ваше пространство, потому что это действительно так.

Глядя в окно, обратите внимание на самые яркие цвета. Если вам нравится прекрасный вид на океан, ваши цвета будут голубым, белым и песочно-серым. Если ваше окно выходит в парк или к озеру, вы увидите зеленые, коричневые и темно-синие оттенки.

Эти цвета сделают ваш дом окруженным природой.

Идеи цветовой палитры, актуальные в 2021 году

Если вы все еще не можете найти лучшую цветовую палитру для своего дома, черпайте вдохновение в самых модных цветах года.

Теплый и уютный

Эта цветовая палитра вдохновлена деревенскими тонами, которые привносят в интерьер природу, для тех, кто хочет создать в доме теплую и гостеприимную атмосферу. Эта цветовая схема включает оранжевую румбу (M230-7), харизматичную (PPU6-14), пузырчатую оболочку (S160-3), сидровую специю (S210-5) и красный перец (PPU2-02).

Natural & Exciting

Если вам нужна естественная и успокаивающая смесь, то сочетание синего и зеленого из этой коллекции поможет вам создать умиротворяющее убежище. Эта цветовая палитра включает в себя «Тайный луг» (S360-6), «Назад к природе» (S340-4), «Морось» (N480-1), «Синяя птица» (PPU15-12) и «Стрекоза» (PPU12-03).

Современный и традиционный

Наконец, если вы ищете современную и традиционную цветовую палитру, сочетающую пасту с нейтральными оттенками, эта коллекция поможет вам. Идеально подходит для многоквартирного дома, который хочет быть динамичным, но теплым и красивым. Эта цветовая схема включает пыльно-сиреневый (N110-1), сливочный гриб (PPU5-13), белый художник (PPU18-08), серый морской бой (N360-4) и графичный уголь (N500-6).

Включение вашей новой цветовой палитры в дизайн вашего дома

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

Помимо красок для стен, мы оценим лучшие тона и цвета, чтобы выбрать вашу мебель, ковры, шторы и даже акцентные подушки.

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

Описание цветовых схем | Как выбрать правильное сочетание цветов

Раскрась свой мир смело

Большинство из нас понимают основы цветового круга: от основных и дополнительных цветов до того, как определенные цветовые комбинации работают вместе. Однако то, как вы интерпретируете цветовой круг, может быть гораздо большим, чем просто знание того, как смешивать и смешивать красный, желтый, синий, оранжевый, фиолетовый и зеленый. Знание различных цветовых схем помогает расширить наши знания о цвете. И это важно для креативщиков, таких как художники и дизайнеры. Ниже художница Патти Моллика описывает некоторые из наиболее распространенных цветовых схем. Она также быстро демонстрирует, как разные цветовые схемы влияют на одну и ту же композицию, из ее книги 9.0143 Как рисовать быстро, рассыпчато и жирно . Наслаждаться!

Цветовой круг с первичными, вторичными и третичными оттенками; к основным цветам относятся: синий, желтый и красный; вторичные цвета включают: оранжевый, фиолетовый и зеленый; а третичные цвета включают: желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый.

Гармонические цветовые схемы

Хотя интересно экспериментировать с цветовыми схемами, выбирая цвета случайным образом на основе наших индивидуальных предпочтений, существует ряд цветовых комбинаций, известных как гармонические цветовые схемы, которые считаются особенно приятными. Гармонические цветовые схемы состоят из двух или более цветов на цветовом круге, которые имеют определенные отношения в зависимости от их положения и расстояния друг от друга. Прежде чем мы обсудим основы, полезно, если вы знакомы с некоторыми из наиболее часто используемых цветовых терминов:

Оттенок : Цвет, осветленный добавлением белого.
Оттенок: Цвет краски, какой она появляется из тюбика, несмешанная.
Тон: Цвет, который был осветлен или затемнен путем добавления серого.
Оттенок: Цвет, затемненный добавлением черного.

При работе с цветовыми схемами следует рассмотреть возможность использования расширенного диапазона каждого цвета. Это включает в себя его оттенки, оттенки и тона. Он предложит глазу несколько успокаивающих цветов, которые были осветлены, затемнены или нейтрализованы. Эти вариации также позволяют более экономно использовать более насыщенные цвета для акцентирования внимания, когда это необходимо.

Пример нетрадиционной цветовой схемы

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

Общие цветовые сочетания

Ниже приведены несколько наиболее часто используемых цветовых схем с примерами картин, созданных с использованием тех же цветовых схем. Аналогичная цветовая схема использует три или более цветов, расположенных рядом друг с другом на цветовом круге.

Harry, Mo & Curly, Патти Моллика, масло, панель; пример аналогичной цветовой схемы

Монохроматическая цветовая схема использует оттенки, тона и оттенки в пределах одного оттенка или семейства цветов

«Вид на мост», Патти Моллика, масло, панель; пример монохроматической цветовой схемы

Триадная цветовая схема использует три цвета, равномерно распределенные по цветовому кругу.

One Slacker от Patti Mollica, панель, акрил; пример триадной цветовой схемы

В дополнительной цветовой схеме используются цвета, противоположные друг другу на цветовом круге.

Two-Lips от Patty Mollica, панель, акрил; Пример дополнительной цветовой схемы

Квадратная цветовая схема использует четыре цвета, равномерно распределенные по цветовому кругу.

Верхний Вест-Сайд, Патти Моллика, холст, акрил; пример квадратной цветовой схемы

Тетрадная (или прямоугольная) цветовая схема использует четыре цвета, полученные из двух дополнительных цветов.

Crossing Madison, Патти Моллика, панель, акрил; Пример четырехцветной схемы

Разделенная дополнительная цветовая схема использует один основной цвет плюс два цвета, которые находятся по обе стороны от основного дополнительного цвета.

Dunkin’ Donuts, Патти Моллика, холст, акрил; пример схемы разделенных дополнительных цветов

Аналогичная схема дополнительных цветов использует три аналогичных цвета плюс дополнительный средний аналогичный цвет.

«Глядя на окраину», Патти Моллика, панель, акрил; пример аналогичной дополнительной цветовой схемы

Разработка цветовой схемы

Давайте рассмотрим, как создается цветовая схема.

1. Начните с эталонной фотографии

Используйте эталонную фотографию в качестве трамплина для работы над общим дизайном изображения для создания более динамичной композиции. Наиболее важным аспектом хорошей картины является хороший основной дизайн. Если вы пропустите этот шаг, вы в конечном итоге просто скопируете именно то, что видите перед собой. И редко природа предлагает наилучшую композицию для удачной картины. Вам часто придется двигать горы, деревья и все остальное, что ослабляет, а не усиливает вашу композицию.

2. Создайте эскиз с тремя значениями

Из фотографии создайте эскиз с тремя значениями. Попробуйте некоторые модификации, которые, по вашему мнению, могут улучшить композицию. В данном случае я хотел, чтобы сарай был более заметным. Итак, я увеличил его и добавил бункер. Я изменил угол холма с горизонтального на диагональный. Таким образом, взгляд зрителя направлен прямо на сарай, который является фокусом.

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

3. Выберите цветовую схему с доминирующими и второстепенными цветами

Когда вы будете удовлетворены наброском значений, выберите несколько цветовых схем для экспериментов. По часовой стрелке слева показаны используемые мной цветовые схемы:

Аналоги: Зеленые и синие
Дополнительные: Красные и зеленые
Триада: Основные цвета — красный, желтый и синий 16 Аналоговые: 16 Дополнительные: красный, желтый и синий 18 Синий и фиолетовый, желтый и оранжевый

При работе с цветовыми схемами, основанными на личных предпочтениях или любой из традиционных схем на основе взаимосвязей цветового круга, лучше всего выбрать один цвет в качестве доминирующего, а остальные цвета использовать в качестве подчиненных. Другими словами, цвета более интересны, когда они используются в неравных количествах. Например, если вы используете комплементарную цветовую схему из красного и зеленого, лучше сделать либо красный, либо зеленый доминирующим цветом, а не использовать оба цвета в равных количествах. Это придает картине общее настроение и ощущение. Картина, состоящая на 50% из красного и на 50% из зеленого, не будет передавать общее настроение так же эффективно, как картина, в которой преобладает один цвет.

Хотите более смелые картины?

Понравился урок по цветовым схемам? Ознакомьтесь с остальными техниками и учебными пособиями в видеосеминарах Mollica Техники рисования акриловыми красками, быстрые, свободные и жирные и Техники рисования кистями акриловыми красками, быстрые, свободные и жирные . Моллика демонстрирует, как создать мощную композицию, какой бы ни была тема. С множеством демонстраций, упражнений и советов от начала до конца вы узнаете, как рисовать без страха. Видео можно приобрести по отдельности или получить бесплатный доступ с подпиской.

Теория цвета | Как использовать цветовой круг в своих проектах

«Она так разозлилась, что увидела красный цвет».

«Когда идет дождь, ему грустно».

«Они позеленели от зависти».

Цвет может вызывать эмоции, успокаивать, предупреждать и даже раздражать! Это один из самых доступных аспектов дизайна, но в то же время очень сложный и технический предмет. Давайте совершим краткий информационный экскурс в теорию цвета, чтобы вы могли использовать ее принципы и тактику, чтобы сделать убедительный выбор цвета для своих дизайнов.

Если вы исследуете цвет для проекта, мы включили несколько приятных палитр для каждого раздела и добавили шестизначные «шестнадцатеричные» коды для этих цветов. Возьмите ручку и запишите те, которые вам нравятся, или познакомьте их со своими хорошими друзьями, г-жой Копировать и г-ном Вставить.

Знакомство с цветовым кругом

Это традиционное цветовое колесо с 12 спицами может показаться простым, но на самом деле его изобрел один из величайших ученых всех времен, сэр Исаак Ньютон, еще в 1666 году. цвета, расположенные по кругу, чтобы указать отношения между ними. Это цветовое колесо по-прежнему является стандартом для художественного и визуального дизайна и использует цветовую модель RYB (красно-желто-синяя), но есть и другие (CMYK для печати и RGB для экранов).

Основные цвета в цветовой модели RYB

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

Вторичные цвета в цветовой модели RYB

Смешайте вместе два основных цвета, и вы получите вторичный цвет. Вторичными цветами в этой цветовой модели являются оранжевый, фиолетовый и зеленый.

Третичные цвета в цветовой модели RYB

Существует шесть третичных цветов, которые образуются путем смешивания основного и вторичного цветов. Третичные цветовые схемы содержат цвета, которые иногда называют «двухименными», но они содержат больше основного цвета, чем вторичного.

Некоторые называют красно-фиолетовый пурпурным; красно-оранжевый, как киноварь; сине-фиолетовый как фиолетовый; сине-зеленый, как бирюзовый; желто-оранжевый, как янтарный; и желто-зеленый, как шартрез.

Использование цветовой гармонии для выбора цвета

Один из подходов к выбору цветовой схемы — выбирать цвета, которые хорошо гармонируют, естественным образом. Идея цветовой гармонии заключается в том, что создаваемая вами комбинация идеально сбалансирована с нужным количеством контраста. Цель состоит в том, чтобы придумать дизайн, который не слишком мягкий, но и не слишком диссонирующий.

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

Подробнее о выборе подходящих цветовых схем. Если вы предпочитаете мгновенное вдохновение, посмотрите нашу подборку из 100 уникальных цветовых комбинаций.

Как подобрать аналогичные цвета для дизайна

Аналогичные цвета располагаются рядом на цветовом круге. Использование этих цветов вместе создает успокаивающее, безмятежное ощущение, потому что цвета естественно сочетаются друг с другом. Подумайте об осенних листьях: красном, оранжевом и желтом. Однако, чтобы не усыпить зрителя, вы можете использовать черный, белый или серый цвет для контраста или добавить дополнительный цвет к своей схеме.

Как подобрать дополнительные цвета

Еще один путь к гармонии – это сочетание дополнительных цветов, которые расположены прямо напротив друг друга на колесе (например, фиолетовый и желтый). Эти цветовые сочетания имеют максимальную контрастность, создавая захватывающий, яркий дизайн. Просто будьте осторожны, чтобы не злоупотреблять этим методом, иначе ваш дизайн может быть слишком раздражающим.

Как выбрать триадную цветовую схему для дизайна

Триадные цветовые схемы состоят из трех цветов, расположенных на равном расстоянии друг от друга и образующих треугольник на цветовом круге. При использовании триадных цветовых схем важно выбрать один цвет в качестве ведущего, а два других оставить в качестве вспомогательных. Это убережет дизайн от чрезмерной лихорадки и поможет создать пути для направления внимания туда, куда вы хотите.

Работа с раздельной дополнительной цветовой схемой

Раздельная дополнительная цветовая схема является выигрышной для начинающих дизайнеров, потому что в ней трудно ошибиться. Начните с одного цвета и посмотрите на цветовой круг в поисках его прямого дополнения — вместо того, чтобы выбирать этот цвет, выберите два аналогичных цвета по обе стороны от него. Так, например, если ваш первый цвет желто-зеленый (также известный как зеленовато-желтый), обратите внимание на красно-фиолетовый, но выберите фиолетовый и красный в качестве второго и третьего цветов.

Не нужно выбирать аналогичные цвета, отстоящие от прямого дополнения всего на одну галочку; пока они находятся на одинаковом расстоянии от прямого дополнения, это работает.

Выбор четырехцветной схемы для дизайна

Если ваша цветовая схема включает четыре цвета, она четырехцветная (приставка «тетра» означает «четыре»). Для прямоугольной тетрадной (также называемой «двойной дополнительной») цветовой схемы выберите две дополнительные пары. Поскольку пары расположены напротив друг друга на цветовом круге, они обеспечивают хороший контраст, но вам нужно следить за балансом между теплыми и холодными цветами. Вы можете сделать это, выбрав, подчеркивая ли теплоту или прохладу, а затем просто используйте противоположные цвета более экономно.

Выбор квадратной четырехугольной цветовой схемы

Похожий, но немного отличающийся подход — квадратная цветовая схема; каждый цвет равномерно распределен по цветовому кругу, поэтому между всеми цветами существует одинаковое напряжение. В своем дизайне вы можете выбрать один из них в качестве доминирующего, а остальные использовать в качестве акцентов.

Как выбирать цвета по диапазону тонов

Цветовой круг, как мы его изобразили здесь, показывает чистые оттенки снаружи круга. Чистые оттенки — это наиболее насыщенная версия цвета — это яркие, интенсивные цвета с одинаковыми значениями. Использование только чистых оттенков в дизайне может действовать на последний нерв вашего зрителя. Вместо этого вы можете свободно использовать оттенки, оттенки и тона этих оттенков.

Что такое оттенки, оттенки и тона?

Оттенки, оттенки и тона — это вариации оттенка, получаемые путем комбинирования чистого оттенка с черным, белым или обоими.

Добавьте белый цвет к оттенку, и вы получите оттенок , менее интенсивный и менее насыщенный. Их также называют пастелью (см. Ниже).
Добавьте черный цвет к оттенку, и вы получите оттенок , более темный, насыщенный и интенсивный цвет.
Добавьте черный и белый (серый) цвета, чтобы создать тон того же оттенка.

Дизайн с использованием полутоновых цветов

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

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

Выбор пастельных тонов

Эти цвета, также называемые «оттенками», представляют собой бледные варианты насыщенных оттенков. Пастельные тона — это культурный пробный камень, который появляется каждые несколько десятилетий (кухни 50-х, эпизоды сериала «Полиция Майами» 80-х, фильмы Уэса Андерсона 2000-х) и вызывают успокаивающую беззаботную атмосферу. Поскольку пастели состоят из всех первичных, вторичных и третичных цветов, вы можете комбинировать их, используя аналогичные, дополнительные, раздельно-дополняющие и т. д. цветовые схемы, или добавить немного серьезности с более богатым акцентным цветом.

Узнайте (и посмотрите) больше в нашем руководстве по использованию пастельных тонов.

Выбор нейтральных цветов

Нейтральные цвета, также называемые «ахроматическими», представляют собой цвета, в которых отсутствует сильный оттенок. Наиболее распространенными нейтральными цветами являются серый, черный, белый, коричневый, коричневый и не совсем белый. Как и средние тона, нейтральные цвета прекрасно сочетаются с ярким акцентным цветом или работают вместе, чтобы создать приглушенную цветовую схему. Некоторые нейтральные цвета могут принимать аспекты цветов, рядом с которыми они расположены, так что имейте это в виду.

Как выбрать теплые и холодные цвета

Если разделить цветовой круг линией посередине, с одной стороны будут теплые цвета (от красного до желтого), а с другой — холодные (от сине-зеленого до сине-фиолетового). Эта базовая группа часто ассоциируется с миром природы: «теплые» цвета отражают дневной свет или закат, а «холодные» цвета отражают воду и небо. Существуют некоторые разногласия по поводу точного разделения теплых и холодных цветов, когда речь идет о зеленом. Некоторые цветовые круги показывают как теплый зеленый, так и холодный зеленый. Имеет смысл!

Дизайн с теплыми цветами

Теплые цвета кажутся «продвигающимися» в дизайне, что означает, что они кажутся длиннее, крупнее и ближе к зрителю. Для создания контраста можно сочетать яркий теплый цвет с дополнительным цветом, который будет холодным. Считается, что теплые цвета вызывают чувство волнения, энергии и страсти.

Дизайн в холодных тонах

Холодные цвета создают ощущение спокойствия и доверия. Их часто считают «отступающими» — они заставляют предметы казаться еще дальше. Чтобы создать контраст, вы можете комбинировать холодный цвет с дополнительным цветом, который по необходимости должен быть теплым.

Создание монохроматической цветовой схемы

Монохроматическая цветовая схема основана на одном оттенке с вариациями за счет изменения его насыщенности. Дизайны с такой цветовой схемой, иногда называемые «тон в тон», можно рассматривать либо как а) элегантно простые, либо как б) выразительные, либо и то, и другое. Как и в других цветовых схемах, монохроматические оттенки одного оттенка хорошо смотрятся с вкраплениями контрастного цвета тут и там. Становится особенно важно опираться на другие элементы дизайна, чтобы обеспечить контраст и фокус.

Заключительные мысли: черный и белый цвета?

Об этом ведутся споры, но что касается дизайна, мы голосуем «за». Britannica предлагает научное объяснение — короткая версия состоит в том, что черный и белый не входят в видимый спектр световых волн, поэтому не считаются физическими цветами.

Тем не менее, мы знаем, насколько они важны. Они передают настроение так же, как и другие цвета, и при эффективном использовании могут создавать поразительные контрасты в вашем дизайне.

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

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

Вы хотите почувствовать allllll ваш цвет, прежде чем выбрать несколько? Затем весело пройдитесь по миллиону цветов на наших цветных страницах — это похоже на дискотеку, устроенную радугой внутри калейдоскопа. Говоря о градиентных цветах, кто-нибудь?

Цветовой круг — калькулятор цвета

Годы вдохновляющего онлайн-обучения искусству и дизайну

ЗАПРОСИТЬ ИНФОРМАЦИЮ

ЗАРЕГИСТРИРОВАТЬСЯ

Независимо от того, разрабатываете ли вы логотип или красите дом, выбор цвета может быть сложным. С чего начать? Какие цвета сочетаются друг с другом и почему? Как вы можете творчески исследовать разные настроения или направления?

Воспользуйтесь бесплатным калькулятором цвета , чтобы изучить творческие варианты цвета для своего дизайнерского проекта. Просто выберите базовый цвет (цвета), выберите цветовую гармонию, настройте/исследуйте по мере необходимости и посмотрите результаты. Вы получите отчет о значениях цвета в шестнадцатеричном формате, RGB и CMYK для вашего проекта и увидите, как ваши цвета применяются к образцам дизайна. Поделитесь или распечатайте, промойте и повторите.

Выберите Color

Снимите удалить добавить больше

Выберите Harmony

См. Результаты

Прозрачный Добавить больше

RYB Modergb Режим

Clear

использовать его | Что такое цветовой круг? | Разработка цветовой схемы

Как ее использовать

1. Выберите цвет.

Щелкните первое поле, чтобы открыть палитру цветов, и проведите пальцем, чтобы выбрать нужный оттенок (например, красный, фиолетовый или синий). Перетащите точку вправо и влево, чтобы отрегулировать насыщенность, или вверх и вниз, чтобы отрегулировать значение.

Если вы знаете шестнадцатеричные значения, значения RGB или CMYK для вашего основного цвета, введите их в соответствующие поля. Щелкните плюс, чтобы добавить до трех базовых цветов

2. Выберите гармонию.

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

3. См. результаты.

Цвета, составляющие вашу гармонию, будут отображаться в образцах калькулятора цветов и на интерактивном цветовом круге.

Настройте или исследуйте эти варианты, выбирая и сравнивая различные гармонии, просматривая одну и ту же гармонию с разными цветами, регулируя насыщенность или значение или добавляя дополнительные входные цвета. Очистить все, чтобы начать сначала.

Нравится то, что вы видите? Создайте цветовую схему , чтобы просмотреть отчет о цвете и сохранить шестнадцатеричные цвета, цвета RGB и CMYK для веб-проектов или проектов печати.

Посмотрите, как ваш образец применяется к образцам дизайна. Распечатайте страницу, сохраните ее в формате PDF, поделитесь ею с друзьями и семьей. Это красочный мир.

Sessions College – Теория цвета: цветовой круг

Что такое цветовой круг?

Цветовой круг представляет собой диаграмму, отображающую отношения между цветами. На основе круга, показывающего цвета спектра, первоначально созданного сэром Исааком Ньютоном в 1666 году, 9Созданный им цветовой круг 0143 сегодня служит многим целям. Художники используют его для определения цветов для смешивания, а дизайнеры используют его для выбора цветов, которые хорошо сочетаются друг с другом.

Классический цветовой круг показывает оттенки, расположенные по кругу, соединенные линиями или фигурами. Цвета включают первичные цвета (красный, желтый и синий), вторичные цвета (оранжевый, зеленый и фиолетовый) и третичные цвета (желто-зеленый, сине-зеленый, сине-фиолетовый, красно-фиолетовый, красно-оранжевый и желто-оранжевый). цвета создаются путем смешивания основных цветов. Например, смешивание красного и желтого дает оранжевый; смешивание желтого и синего дает зеленый.

Информационный бюллетень NOD

Хотите получать больше ресурсов, советов и новостей по дизайну на свой почтовый ящик? Подпишитесь на наш информационный бюллетень Notes on Design, блог Sessions College, посвященный искусству и дизайну.

Разработка цветовой схемы

Дизайнеры часто начинают проект с разработки цветовой схемы : набора цветов, которые будут хорошо сочетаться друг с другом для клиента или выполняемой задачи. Хотя иногда вы начинаете с нуля, обычно вы начинаете с одного или двух базовых цветов, а другие цвета будут построены.

Основы цветовой гармонии Как выбрать цвета, которые действительно работают? Используйте цветовой круг (или наш цветовой калькулятор), чтобы определить гармоничные цветовые сочетания. Следующие цветовые гармонии основаны на геометрических соотношениях на цветовом круге. По этой причине мы можем представить их в виде фигур. Вращайте эти фигуры вокруг центральной точки цветового круга, чтобы создавать безграничные цветовые комбинации.

Дополнительные цветовые схемы используют два противоположных цвета на цветовом круге.

Монохроматическая цветовая схема использует три разных значения одного и того же цвета.

Аналогичные цветовые схемы используют три соседних цвета на цветовом круге.

Разделенные дополнения используют цвет и два смежных третичных цвета его дополнения.

Триадные цветовые схемы используют три равномерно расположенных цвета на цветовом круге.

Цветовые схемы Tetradic используют две дополнительные пары.

Выбор правильных цветов Выбор правильных цветов требует большого творчества и экспериментов. Имейте в виду, что цвет очень психологичен, и разные цветовые гармонии производят разные эффекты. Например, аналогичные цвета похожи по оттенку, создавая плавный переход от одного цвета к другому. Дополнительные цвета расположены напротив друг друга на цветовом круге, поэтому они создают сильный контраст. Монохроматические цветовые схемы могут быть тонкими и изысканными.

Например, в этом развороте из журнала Martha Stewart аналогичная цветовая схема создает плавный переход от желтого к желто-зеленому и зеленому. Это приятно для глаз.

Экспериментируйте с различными гармониями для достижения желаемого настроения или эффекта.

Настройка значения цвета и насыщенности После того, как вы выбрали цвета, вы можете настроить значение определенного цвета или цветов — насколько светлым или темным будет цвет. Или вы можете отрегулировать его насыщенность, насколько она богата. Каждый оттенок на цветовом круге онлайн имеет различную внутреннюю ценность. Желтый, например, светлее синего.

В этой цветовой схеме розовые и оранжевые оттенки являются самыми светлыми, контрастируя с темными буквами.

Чтобы увеличить контрастность вашей цветовой схемы, вам может потребоваться настроить значение определенного цвета, например, сделав желтый темнее или светлее. Или, возможно, отрегулируйте насыщенность, чтобы изменить интенсивность. Вы можете сделать и то, и другое, используя калькулятор цвета.

Как выбрать цвета для визуализации данных

(Эта статья изначально была опубликована в Nightingale, журнале Общества визуализации данных.)

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

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

Типы цветовой палитры

Для визуализации данных существуют три основных типа цветовой палитры:

Качественные палитры
Последовательные паллеты
Расходящиеся палитры

Тип цветовой палитры, используемой в визуализации, зависит от характера данных, сопоставленных с цветом.

Качественная палитра

Качественная палитра используется, когда переменная является категориальной по своей природе. Категориальные переменные — это переменные, которым присвоены разные метки без присущей им упорядоченности. Примеры включают страну или штат, расу и пол. Каждому возможному значению переменной присваивается один цвет из качественной палитры.

В качественной палитре цвета, присвоенные каждой группе, должны быть разными. Как правило, вы должны попытаться ограничить максимальный размер палитры десятью или менее цветами. С большим количеством цветов вы начинаете сталкиваться с проблемами различения групп. Если у вас есть больше возможных значений, чем цветов, вам следует попытаться объединить значения вместе, например, установить самые маленькие категории в одну «другую» категорию. Многократное перебор цветов — плохая идея, так как это может привести к путанице.

Самые маленькие кусочки слева не только повторяют цвета в палитре, но и довольно трудно отличить друг от друга.

Основной способ различения цветов — через их оттенки. Дополнительные вариации между цветами можно получить, отрегулировав яркость и насыщенность, но лучше не делать различия слишком большими. Слишком большая разница может указывать на то, что одни цвета важнее других, хотя это может быть полезным свойством, если его использовать преднамеренно. Избегайте двух цветов с одинаковым оттенком, но разной яркостью и насыщенностью, если только значения, связанные с этими цветами, не связаны. Например, у вас может быть линейная диаграмма, на которой дневные показания отображаются светлой линией, а недельное скользящее среднее — более темным.

Последовательная палитра

Если переменная, назначенная для окрашивания, является числовой или имеет изначально упорядоченные значения, то ее можно изобразить с помощью последовательной палитры. Цвета назначаются значениям данных в континууме, обычно на основе яркости, оттенка или того и другого.

Наиболее важным параметром цвета для последовательной палитры является его яркость. Как правило, более низкие значения связаны с более светлыми цветами, а более высокие значения — с более темными. Однако это связано с тем, что графики, как правило, находятся на белом или аналогичном светлом фоне. На темном фоне обычно наблюдается обратный случай, когда более высокие значения обозначаются более яркими и светлыми цветами.

Второстепенным параметром последовательной цветовой палитры является ее оттенок. Можно просто использовать один оттенок для вашей цветовой карты, в основном изменяя яркость для обозначения значения. Тем не менее, стоит рассмотреть возможность перехода между двумя цветами в качестве дополнительной помощи при кодировании. Как правило, более теплый цвет (по направлению к красному или желтому) идет на более светлом конце, а более холодный цвет (по направлению к зеленому, синему или пурпурному) — по более темному.

Расходящаяся палитра

Если наша числовая переменная имеет значимое центральное значение, например ноль, то мы можем применить расходящуюся палитру. Расходящаяся палитра — это, по сути, комбинация двух последовательных палитр с общей конечной точкой, находящейся в центре значения. Значения, превышающие центр, назначаются цветам на одной стороне центра, а меньшие значения назначаются цветам на противоположной стороне.

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

Дискретная или непрерывная палитра

Последовательные и расходящиеся палитры могут быть связаны со значениями данных двумя различными способами: либо как дискретный набор цветов, каждый из которых связан с числовым диапазоном, либо как непрерывная функция между числовым значением и цветом .

Инструменты для создания палитр обычно относятся к первому типу, в то время как инструменты для создания визуализаций часто могут создавать непрерывные ассоциации. Хотя автоматически может показаться, что лучше иметь непрерывную функцию между значением и цветом, у дискретизированной палитры все же есть свои преимущества.

Наша способность различать различия в цвете слабее, чем способность различать положение или длину, поэтому мы уже находимся в невыгодном положении, когда связываем цвет с точными значениями. Дискретизация значений может снизить когнитивную нагрузку, выявляя общие закономерности в данных. Кроме того, мы можем установить диапазоны значений для дискретной палитры таким образом, чтобы лучше представлять данные. Если данные содержат выбросы, то непрерывная палитра может привести к тому, что большая часть данных окажется в более узком диапазоне значений. Использование дискретной цветовой палитры означает, что мы можем создавать диапазоны разного размера для лучшего представления различий в данных.

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

Дополнительные советы по использованию цвета

Избегайте ненужного использования цвета

Несмотря на то, что цвет является важной частью визуализации данных, разумно проявлять сдержанность и использовать цвет только там, где это уместно. Не для каждой создаваемой вами диаграммы потребуется несколько цветов. Если у вас есть только две переменные для построения графика, они, скорее всего, будут закодированы вертикальным и горизонтальным положением или длиной. Цвет обычно появляется только тогда, когда третья переменная должна быть закодирована в диаграмме или если она является компонентом специализированной диаграммы, такой как круговая диаграмма. Однако бывают случаи, когда цвет может быть добавлен, чтобы подчеркнуть конкретный вывод или в качестве дополнительной кодировки выделения.

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

Согласование цветов на диаграммах

Если у вас есть панель мониторинга или отчет, содержащий несколько диаграмм, рекомендуется сопоставлять цвета между диаграммами, когда они относятся к одной и той же группе или объекту. Если цвета меняют свое значение между диаграммами, читателю может быть труднее понять диаграмму.

Использование значимости цвета

Иногда вы можете использовать восприятие цветов для повышения эффективности визуализации. Если группы, которые вы рисуете, имеют неотъемлемые цветовые соглашения, например спортивные команды и политические партии, назначение соответствующих цветов может облегчить читателям визуализацию. Возможно, вы даже захотите попробовать создать собственные палитры вокруг цветов вашего бренда в качестве основы.

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

В заключение стоит отметить, что разные культуры могут связывать разные значения с каждым оттенком. Например, в некоторых западных культурах красный может ассоциироваться со страстью или опасностью, а в некоторых восточных культурах — с процветанием и удачей. Это может быть не особенно важно, если результаты не представляются широкой аудитории, но это еще один инструмент, о котором следует помнить, чтобы облегчить понимание ваших визуализаций.

Лечение дальтонизма

Около четырех процентов населения страдают дальтонизмом, большинство из них мужчины. Наиболее распространенные формы дальтонизма вызывают смешение определенных оттенков красного и зеленого, хотя существуют также формы дальтонизма, при которых оттенки синего и желтого выглядят одинаково. По этим причинам полезно попробовать изменить измерение, отличное от одного только оттенка, чтобы указать значение, связанное с цветом, например яркость и насыщенность. Вы также можете использовать симуляторы дальтонизма, такие как Coblis, чтобы получить представление о том, будет ли ваша окончательная визуализация понятна другим и есть ли потенциальные двусмысленности.

Инструменты для использования цветов

В Интернете есть множество инструментов, которые помогут вам выбрать и протестировать цвета для визуализации данных. Здесь мы выделим некоторые из самых простых инструментов, которые помогут вам быстро освоиться с выбором цвета.

ColorBrewer

ColorBrewer является классическим справочником по цветовым палитрам и предоставляет ряд различных палитр каждого типа. Некоторые палитры могут быть сомнительными с точки зрения безопасности для дальтоников, поэтому обязательно проверьте значок глаза над панелью цветовых кодов, чтобы проверить, есть ли у набора цветов вероятность возникновения проблем с восприятием (обозначается цифрой 9).0016 ? и X соответственно).

Палитра цветов данных

Палитра цветов данных — это быстрый и простой в использовании инструмент для создания последовательных и расходящихся палитр. Вкладку «Палитра» по умолчанию лучше всего использовать для создания последовательных палитр с несколькими оттенками, а не качественных палитр, поскольку интерполяция между конечными точками обязательно оставит некоторый сегмент оттенков в цветовом круге.

Помощник по цветовой палитре Chroma.js

Помощник по цветовой палитре chroma.js немного сложнее, чем Data Color Picker, с его параметрами для коррекции яркости, использования интерполяции Безье и немного более сложного ввода значений цвета. Тем не менее, это также дает некоторую дополнительную свободу в установке нескольких точек остановки для алгоритма, чтобы попытаться подобрать палитру. В качестве дополнительного бонуса приложение также включает симулятор дальтонизма на той же странице, выделяя наиболее распространенные типы дефектов, при которых могут возникнуть проблемы.

Color Thief

Не так много быстрых и простых инструментов для создания качественных палитр, как для последовательных и расходящихся палитр. Я хочу, чтобы hue и Colorgorical быстро генерировали случайные палитры, но с ними немного сложнее работать, когда вы хотите настроить свои значения.

Один из забавных способов создания качественной палитры — черпать вдохновение из изображений и скриншотов с привлекательными естественными палитрами. Есть несколько инструментов, которые помогут сделать это, но Color Thief — один из самых простых в работе, он автоматически извлекает палитру здорового размера из загруженных изображений. Это не обязательно означает, что вы можете использовать извлеченные цвета напрямую и по порядку в качестве палитры визуализации. Хотя они могут быть вдохновляющей отправной точкой для цветов, которые хорошо смотрятся вместе, вам, вероятно, потребуется внести некоторые изменения и изменения, чтобы убедиться, что выбранные вами цвета эффективны в контексте визуализации.

Viz Palette

В предыдущем разделе Coblis был связан как ресурс для проверки того, как ваша окончательная визуализация может выглядеть для тех, у кого проблемы с цветовосприятием. Viz Palette — это инструмент с более широкой цветовой палитрой, который вы можете использовать для проверки своих палитр, прежде чем создавать визуализацию. В дополнение к возможности просматривать наборы цветов в контексте примеров графиков и при смоделированных недостатках восприятия цвета, вы также можете немедленно модифицировать и изменять цвета своей палитры.

Резюме

В этой статье представлен краткий обзор способов использования цвета для эффективной визуализации данных.