Подборка цветовой гаммы: Названия цветов, от Абрикоса до Янтаря

Содержание

Цвета 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

Подборка цветовой гаммы — 28 лучших инструментов

Подбор цветовой палитры – один из важнейших этапов в процессе создания хорошего дизайна.

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

Компания Adobe переименовала свой проект Kuler в Color

Вы можете быть знакомы с этим инструментом по его прежнему названию — Adobe Kuler. Однако совсем недавно компания Adobe переименовала одно из своих популярных веб-приложений в Adobe Colour CC.

Адоб колор онлайн позволяет подбирать, создавать и сохранять различные цветовые схемы, в каждой из которых может присутствовать до пяти цветов. Adobe color online доступен как в браузерной, так и в настольной версии. Если вы используете настольную версию adobe color cc онлайн, то вы сможете экспортировать цветовую схему прямо в Photoshop, Illustrator и InDesign.

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

Mudcube Colour Sphere – очень удобный миниатюрный ресурс для дизайнеров, который не только предлагает hex-коды выбранных цветов, но и позволяет создавать цветовые схемы для собственных проектов. Также стоит отметить, что в Mudcube имеется собственная галерея готовых ресурсов, которые также можно использовать.

Check my Colours разработан специально для оценки и подборки комбинации фона и основного цвета для всех DOM-элементов. А также для того, чтобы выяснить, достаточно ли элементы гармоничны между собой. Все тесты основаны на алгоритмах, рекомендованных World Wide Web Consortium (W3C).

Приложение поможет узнать RGB, HEX, а также HSLA-значения выбранных цветов

iOS-инструмент The Color App позволит легко и просто определять цвета при помощи большой цветовой палитры. Он позволяет узнать RGB, HEX и HSLA-значения цветов, а также создавать собственные цветовые схемы для сайта.

Color Hunter формирует цветовую схему на основе выбранного изображения

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

Если вам нужно получить конкретный цвет, просто введите HEX-значение в URL

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

Color позволяет находить идеальные цвета, перемещая курсор мыши

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

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

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

Один из самых продуманных веб-инструментов, который предлагает множество функций, связанных с дизайном, настройкой и аналитикой цветовых схем. Здесь представлены инструменты, которые помогут определить WCAG-валидность цветовых схем, а также сгенерировать собственные цветовые палитры.

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

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

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

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

Colourmod представляет собой программное обеспечение, которое позволяет выбирать отдельные цвета из области виджетов, независимо от того, используете ли вы Mac или Konfabulator на Windows. Это не совсем простой инструмент для работы с цветовыми палитрами, однако он поможет быстро и просто определять цвета без необходимости загружать тяжеловесные программы.

ColorZilla доступен как для Chrome, так и для Firefox

Этот проект начинался как плагин для Firefox, однако сегодня он также доступен и для Google Chrome. ColorZilla представляет собой расширение, которое включает в себя несколько инструментов, предназначенных для работы с цветом, среди которых палитра, генератор css-градиентов и пипетка.

Удобный онлайн-инструмент для подбора цветовых схем от создателей Colormunki. С его помощью можно без труда создавать привлекательные цветовые палитры из образцов на основе Pantone с использованием нескольких методик.

Colr.org позволяет установить диапазон цветов любого изображения

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

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

ColorBlender генерирует палитру из пяти сочетающихся цветов

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

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

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

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

Изображения можно фильтровать по цветовому балансу и яркости

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

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

Colors on the Web принимает отдельные цвета в HEX или RGB, и выдает цветовые схемы, основанные на различных математических вычислениях. Подобный механизм используется и в Kuler. Этот веб-инструмент не будет работать на iPad или iPhone из-за использования технологии Flash.

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

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

Инструмент предлагает схожий с Kuler функционал, но при этом красиво визуализирует цветовые палитры, а также позволяет генерировать более пяти цветов в одной схеме. Его можно напрямую интегрировать в некоторые приложения Creative Suite. Этот инструмент также доступен в виде приложения для iPad, предлагая отличную интеграцию с Photoshop, где он может выступать в роли панели цветов.

Данная публикация является переводом статьи «The 28 best tools for choosing a colour scheme» , подготовленная редакцией проекта.

Цветовая гамма и ее значение в дизайне

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

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

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

Классификация цветовой гаммы, в зависимости от цветов и оттенков, которые они в себя включают, делится на две группы:

Холодная цветовая гамма – это гамма, которая включает в себя цвета, ассоциирующиеся с холодом, снегом, льдом, глубиной;
Теплая цветовая гамма – цвета, которые напоминают человеку о жаре, огне, лете, пустыне, солнце:

Существует несколько способов осуществить корректный подбор цветовой гаммы:

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

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

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

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

Комплементарное сочетание включает в себя два противоположных цвета, как показано на рисунке:

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

Прямоугольное сочетание. Основано на использовании двух противоположных цветов (комплементарных) и соответствующих им двух аналоговых:

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

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

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

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

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

Выполнив следующие действия, можно с легкостью подобрать гамму для своего сайта:

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

Далее нужно указать количество цветов, которое будет использоваться для оформления. В данном случае будет использовано три цвета:

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

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

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

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

Цветовая гамма в интерьере: как подобрать

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

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

Содержание:

Цветовая гамма в интерьере — что диктует стиль?

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

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

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

Если выбор стиля вызывает сложности, читайте: «Как выбрать стиль интерьера для будущей квартиры».

Желаемое настроение и цветовые пристрастия

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

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

Выбираем основу

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

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

По теме:
Ultra violet: «новый черный» в интерьере

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

Выбираем акцент

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

Балансируем гамму

Как же достичь гармонии между цветами? Это даже сложнее, чем выбрать гамму. Дизайнеры пользуются для этой цели различными инструментами, например, цветовой палитрой. О том, что такое палитра и как создать такую самостоятельно, мы как раз писали: «Цветовые схемы интерьеров: создаем и используем». Уже готовые цветовые сочетания можно найти в интернете.

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

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

По теме:
Желтый в интерьере: приближаем весну

Проверяем цвета в реальных условиях

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

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

Больше полезного по теме

Фотографии: homedsgn.com, thompsonclarke.com, inmyinterior.com, mybeautifulrooms.com, home-designing.com, trendir.com, interiorbit.com, contemporaryhome.com

Дизайн интерьера, цвет, ремонт

Подбор цветовой гаммы для сайта

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

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

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

Основные, первичные цвета (primary) – это красный, желтый и синий.

Вторичные цвета (secondary) получаются методом смешивания пары основных цветов. Это оранжевый, зеленый и пурпурный цвета.

Третичные цвета (tertiary) – это цвета, которые являются результатом комбинации первичного цвета и соседнего вторичного, что в сумме дает шесть цветов.

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

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

Основные цветовые схемы.

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

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

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

Альтернативный комплемент.

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

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

Расщепленный комплемент.

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

Особенности самых популярных цветов.

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

Красный: Цвет обладает возбуждающим эффектом и может вызвать чувство тревоги, но его оттенки (например, коричневый) могут оказывать успокаивающее воздействие на человека. Не следует злоупотреблять ярко красным цветом, так как это быстро утомит пользователя.
Желтый: Позволяет с легкостью создать атмосферу оптимизма и радости. Это очень энергичный цвет, который рекомендуется использовать для оформления сайтов, тематика которых напрямую связана с развлечениями или другими видами активности пользователей.
Голубой: Наиболее предпочтительный цвет для тех случаев, когда необходимо вызвать чувство надежности и стабильности. Является оттенком синего цвета (аналогичен ему) и с успехом может применяться для выражения чистоты и покоя.
Зеленый: Цвет вызывает чувство гармонии, безопасности и жизни. Этот цвет является вторичным и получается в результате сочетания двух первичных цветов – желтого и синего. Может иметь как теплые, так и холодные оттенки.
Черный: Придает черты элегантности и изысканности оформлению внешнего вида сайта, позволяет путем комбинации его оттенков увеличить перспективу и глубину восприятия. Необходимо с большой осторожностью подходить к дизайну с использованием черного цвета, так как при его избыточности или неправильной комбинации его оттенков, он способен вызвать чувство тоски, горечи и дискомфорта.
Белый: Ассоциируется с чувством свободы, легкости и чистоты. Основное предназначение этого цвета – это создание фона. Белый цвет прекрасно сочетается со всеми остальными оттенками.

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

Post Views: 937

Цветовая гамма в одежде | LOOKCOLOR

Цветовая гамма – это гармоничное сочетание цветов. Статья про то, как пользоваться оттенками, удачно их сочетать. Примеры, палитры, фото.

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

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

Простые и сложные цветовые гаммы

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

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

1. Однотонная гамма
2. Двухцветная гамма
3. Трехцветная гамма

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

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

К сложным гаммам относятся:

4. Четырехцветная гамма
5. Пятицветная гамма
6. Шестицветная гамма
7. и более

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

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

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

Цветовая гамма делового стиля одежды

Цветовая гамма делового стиля не превышает 4 цветов. Наилучшими считается 2-3 цвета, а при 4-х – два из них должны быть близкими по тону. В основу делового стиля ложатся многофункциональные цвета: черный, темно-синий, белый, серый, бежевый. Затем сдержанные, мало эмоциональные, средние по теплоте оттенки: коричневые, бордовые, серо-синие, цвета морской волны, бутылочные, изумрудные, горчичные, песочные, темно-лиловые.

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

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

Так, преобладание темных тонов в сочетании одежды добавляет вам солидности.

Превалирование светлых оттенков — настраивает на позитив, беседа может перейти в более дружеское русло.

Контрастное сочетание темных и светлых – создают нейтральный фон для беседы.

Цветовая гамма классического стиля одежды

По сложности – она сродни с цветовой гаммой делового стиля. Преимущественно 2-3 цвета, но возможна и полноценная четырехцветная палитра.

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

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

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

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

Цветовая гамма вечернего стиля одежды

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

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

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

Цветовая гамма романтического стиля одежды

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

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

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

Цветовая гамма стиля кэжуал

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

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

Цветовая гамма творческого стиля

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

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

ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)

Оставить комментарий

(только на русском языке)

Подбор цветовой гаммы и создание вариантов дизайна при разработке дизайн-проектов интерьера

Дизайн интерьера: подбор цветовой гаммы

Вы можете попробовать с использованием нашей заготовки раскрасить фотографию из этого примера. Скачайте архив с исходной фотографией и файлом со штрихами (*.strokes). Подробнее — здесь.

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

Мы для примера выбрали модель интерьера, выполненную в программе 3ds Max и отрендеренную в черно-белом цвете.

Шаг 1. Откроем полученное изображение в графическом редакторе, например, в AliveColors.
Шаг 2. Вызовем плагин AKVIS Coloriage, выбрав в AliveColors пункт меню Эффекты –> AKVIS –> Coloriage.
Шаг 3. Для первого цветового решения интерьера выберем бежевый цвет. Обведем все объекты интерьера по контуру разными оттенками бежевого и сочетающимися с ним цветами:
Шаг 4. Нажмем на кнопку и полюбуемся результатом раскрашивания, который будет показан в закладке После.
Шаг 5. Для упрощения экспериментов с цветом сохраним штрихи, нанесенные на изображение, в отдельный файл. Для этого нажмем на кнопку и сохраним файл, например, под именем Interior-beige.
Шаг 6. Нажмем на кнопку . Окно плагина AKVIS Coloriage закроется, а в окне редактора ранее черно-белое изображение станет уже цветным. Сохраним цветное изображение в отдельный файл.
Шаг 7. В панели История откатимся на шаг назад до исходного черно-белого изображения и снова вызовем плагин AKVIS Coloriage.
Шаг 8. В окне плагина откроем ранее сохраненный файл со штрихами, нажав на кнопку и выбрав в списке файл Interior-beige.strokes.
Шаг 9. Изменим, например, цвет стен и пола. Для изменения цвета стен выберем яркий желто-оранжевый цвет, затем выберем инструмент Волшебный тюбик и щелкнем левой кнопкой мыши на любом штрихе на стене — все штрихи, задающие цвет стен, изменят свой цвет на желто-оранжевый. Таким же образом изменим цвет пола и плинтусов на более насыщенный коричневый, который будет более гармонировать с ярким цветом стен.
Шаг 10. Нажмем на кнопку и посмотрим на новые стены и пол в закладке После.
Шаг 11. Применим результат, нажав кнопку . Сохраним новый вариант цветовой гаммы интерьера в файл под другим именем.
Шаг 12. Снова в панели История откатимся на шаг назад до исходного черно-белого изображения и вызовем плагин AKVIS Coloriage.
Шаг 13. В окне плагина нажмем на кнопку и выберем из списка файл Interior-beige.strokes.
Шаг 14. В этот раз внесем следующие изменения:
Шаг 15. Нажмем на кнопку , в закладке После получим третий вариант цветовой гаммы интерьера.
Шаг 16. Применим результат раскрашивания, нажав на кнопку .

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

Coloriage v. 13.0 — Попробовать бесплатно

Facebook

Twitter

Вконтакте

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

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

«Когда идет дождь, он чувствует себя синим».

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

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

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

Познакомьтесь с цветовым кругом

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дизайн со средними цветами

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изучите цвета для своего следующего дизайн-проекта:

Все, что вам нужно, чтобы выбрать цветовую палитру вашего бренда

Чейз. Ситибанк. Barclay’s.Банк Америки. Все банки. Все используют синий в качестве одного из доминирующих цветов бренда. Даже другие финансовые учреждения, такие как Prudential и Merrill Lynch, используют синий цвет. Очевидно, что это более чем совпадение, что все эти компании, связанные с деньгами, выбрали синий цвет для своего бренда. Так что они все знают, чего не знаешь ты?

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

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

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

Почему фирменные цвета имеют значение

— «Цвета, как и черты лица, следуют смене эмоций». -Пабло Пикассо

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

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

Один из самых известных теоретиков цвета, Фабер Биррен, много писал о связи между цветами и нашим эмоциональным состоянием, особенно в своей книге « Психология цвета и теория цвета ». Так же, как слова «любовь» и «стойка для велосипеда» вызывают разные эмоции, такие цвета, как красный и синий, также вызывают разные человеческие реакции.Что еще более интересно, одни и те же цвета имеют тенденцию вызывать одинаковые реакции у разных людей; Другими словами, желтый вызывает похожие чувства у людей от Монтаны до Тимбукту. Это распространяется даже на оттенки отдельных цветов, поэтому глубокий темно-синий и светло-голубой также будут иметь разные эффекты.

Теория цвета неразрывно связана с историей человечества, как вы можете видеть на странице рукописи Чарльза Хейтера 1826 года.

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

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

Американцы много работают ради зеленого, а европейцы много работают за синий?

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

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

Применение фирменных цветов

—

Мы только что отправили вам ваш первый урок.

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

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

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

логотип
сайт
витрина
в магазине дизайн
униформа персонала
объявлений

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

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

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

Как определить идентичность вашего бренда

—

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

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

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

Что означают разные фирменные цвета?

–

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

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

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

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

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

Формула построения цветовой гаммы бренда

—

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

1. План выбора 3 цветов

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

2. Выберите свою базу

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

3. Выберите свой акцент

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

4. Выбор нейтрали

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

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

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

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

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

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

by BATHI

Знайте, когда раскрашивать за пределами линий

—

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

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

Мы только что отправили вам ваш первый урок.

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

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

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

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

Вы можете не осознавать, что цвет — это не только его эстетические качества.

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

Давайте рассмотрим влияние психологии цвета на потребителей и то, как вы можете использовать ее на своем веб-сайте.

Что такое психология цвета?

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

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

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

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

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

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

Вот что вам нужно знать, чтобы извлечь максимальную пользу из этого поля.

Заблуждения о психологии цвета

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

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

Воздействие может зависеть от других факторов, например:

Отрасль, в которой вы продаете.
Культура, которой вы продаете, и личные убеждения людей.
Разные полы и их индивидуальные предпочтения.

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

Где следует использовать психологию цвета?

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

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

графика героя
тип заголовка
границы
фон
кнопки
всплывающие окна

Однако вы можете применять подсказки в широком диапазоне областей, в том числе:

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

Настоящая проблема — понять все правильно.

Почему важна психология цвета?

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

Индивидуальность вашего бренда имеет первостепенное значение. Основными преимуществами тщательного выбора цвета при брендинге являются:

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

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

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

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

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

Какие цвета предпочитают представители разного пола?

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

Согласно одному исследованию, женщины предпочитают тонкие тона:

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

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

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

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

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

Используйте синий для повышения доверия

Blue прочно ассоциируется с доверием, поэтому многие финансовые учреждения часто выбирают его. PayPal, Capital One, Visa и Bank of America — это лишь некоторые из финансовых компаний, использующих синий цвет в своих цветовых схемах.

Хотя разные оттенки синего могут указывать на разные вещи, он также символизирует:

безопасность
лояльность
ответственность

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

Желтый — внимание

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

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

Экологичный для окружающей среды и товаров для улицы

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

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

Оранжевый положительный

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

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

Например, Amazon.com использует оранжевый цвет для запуска действия. Цвет указывает на срочность, что делает сообщение более заметным и действенным.

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

Черный означает элегантность и роскошь

Хотя мы иногда воспринимаем черный цвет в негативном свете, его часто выбирают продавцы предметов роскоши.

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

В психологии цвета черный символизирует авторитет, власть и престиж.Это объясняет, почему Prada, Rolls Royce и Chanel используют его в своих логотипах.

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

Используйте яркие основные цвета для вашего CTA

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

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

Тем не менее, самое важное в вашем CTA — это не обязательно сам цвет: вам нужно смотреть на контраст, вашу аудиторию и ваш бренд.

А как насчет белого в психологии цвета?

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

Например:

в простом, минималистичном дизайне
для типографики и добавления контраста
с всплеском цвета для этой дополнительной «попсы»

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

Передовой опыт психологии цвета

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

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

Если цвета не работают, предложите изменения

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

Объясните, почему некоторые цветовые комбинации не работают и как правильное сочетание может положительно повлиять на конверсии.

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

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

Тестирование нескольких цветов

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

Не забывай; Цвет — это проблема преобразования

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

Избегайте перегрузки цвета

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

Заключение

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

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

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

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

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

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.

Заказать звонок

Что такое теория цвета? | Фонд дизайна взаимодействия (IxDF)

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

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

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

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

Цветовой круг

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

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

Автор / правообладатель: Maximkaaa. Условия авторского права и лицензия: Public Domain

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

Блейхер (2011) заявил, что цветовое колесо можно разделить на три основных типа цветов на основе комбинации основных цветов, используемых для создания окончательного цвета, следующим образом:

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

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

Достижение гармонии в цвете

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

Автор / правообладатель: Неизвестен. Условия авторского права и лицензия: Неизвестно

Согласно Блейхеру (2011), существует пять основных цветовых схем (а также некоторые комбинации и варианты этих схем), которые позволяют дизайнерам достичь гармонии в своих проектах:

Монохроматическая схема

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

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

Аналогичная цветовая схема

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

Есть вариант этой схемы, аналог «high-key». Это достигается путем смешивания ваших аналогичных оттенков с белым. Эта версия обычно встречается в искусстве импрессионизма, особенно в раннем искусстве импрессионизма. Достигается эффект, при котором цвета кажутся «переливающимися» и «размытыми» друг в друге — если смотреть с расстояния, это может создать иллюзию того, что используется только один цвет.

Дополнительные схемы

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

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

Сплит-дополнительная (иногда «Составная гармония») Схема

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

Triadic

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

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

Tetradic

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

Квадрат (вариант тетрадика)

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

Цветовая температура

Цвета можно использовать для передачи эмоционального контента, а также для улучшения внешнего вида вашего веб-сайта. Сейчас мы говорим о перемещении людей, о пробуждении страстей и чувств у наших пользователей.Здесь стоит отметить, что культура, пол, опыт людей и т. Д. Также будут влиять на то, как цвета резонируют с ними, и что исследования пользователей являются лучшим индикатором эмоциональной реакции на цвет, чем следующие рекомендации, основанные на цветовом круге. Например, знаете ли вы, что в Китае красный цвет распространен, потому что он символизирует счастье и процветание, а белый цвет считается погребальным или символизирует несчастье? Кроме того, китайская культура имеет уникальный цвет — qing — что-то вроде голубовато-зеленого серого, или «grue».В Греции желтый цвет означает печаль, а красный — это понятие в Южной Африке. Цвет — это большая проблема в том, как люди из разных уголков мира интерпретируют ваш дизайн. Небольшое исследование имеет большое значение.

Однако, если вы хотите следовать подходу цветового круга, есть три индикатора цветовой температуры: «теплый», «холодный» и «нейтральный»:

Теплые цвета — Это цвета, расположенные на половине цветовой круг, включающий желтый, оранжевый и красный.Считается, что эти цвета отражают такие чувства, как страсть, сила, счастье и энергия.

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

Нейтральные цвета — Говорят, что они не отражают какие-либо особые эмоции. Эти цвета включают серый, коричневый, белый и черный.

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

The Take Away

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

Цветовой круг — это основной инструмент, созданный сэром Исааком Ньютоном в 1666 году. В нем мы находим:

Основные цвета
Вторичные цвета
Промежуточные или Третичные цвета

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

Монохроматическая схема
Аналогичная цветовая схема
Комплементарные схемы
Сплит-дополнительные (Составная гармония) схема
Триадическая
Тетрадическая
Квадрат

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

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

Где узнать больше

Ссылка

Изображение героя: Автор / Правообладатель: Джордж Филд. Условия авторского права и лицензия: Public Domain.

Основные цветовые схемы: Введение в теорию цвета

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

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

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

Цветовое колесо

Цветовой круг или Цветовой круг является основным инструмент для сочетания цветов. Первая круговая цветовая диаграмма была разработана сэром Исаак Ньютон в 1666 году.

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

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

ColorImpact разработан для динамического создания цветового круга в соответствии с вашим базовый цвет.

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

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

Три дополнительных цвета (зеленый, оранжевый и фиолетовый) являются создается путем смешивания двух основных цветов.

Еще шесть третичных цветов создаются путем смешивания основных и вторичные цвета.

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

Теплый и холодные цвета

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

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

Холодные цвета производят впечатление спокойствия и успокаивают.

Белый, черный и серый считаются нейтральными.

оттенков, оттенков и Тоны

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

Оттенки — добавление белого к чистому оттенку:

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

тона — добавление серого к чистому оттенку:

Гармония цветов

— основные приемы создания цветовых схем

Ниже показаны основные цветовые аккорды, основанные на цветовом круге .


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

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

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

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

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

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

10 основ теории цвета, которые должен знать каждый

New Africa — stock.adobe.com

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

siraanamwong — stock.adobe.com

Купите эти товары сейчас: красочные стулья

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

Как и тригонометрия, цветовое колесо, вероятно, одна из тех вещей, о которых вы узнали в раннем детстве и о которых не задумывались с тех пор. Однако, чтобы по-настоящему понять цвет, вам, возможно, придется избавиться от некоторых из этих знаний.Проще говоря, цветовое колесо дает визуальное представление о том, какие цвета хорошо сочетаются друг с другом. По сути, это устраняет все догадки. Большинство моделей состоит из 12 цветов. Однако теоретически цветовое колесо можно расширить, включив в него бесконечное количество оттенков. Не волнуйтесь, если вы еще не запомнили цветовое колесо. Есть множество способов получить к нему доступ в цифровом виде. Paletton — это веб-сайт, который позволит вам создать свою собственную цветовую схему, не вставая с экрана компьютера, а ColorSchemer предлагает те же возможности в приложении, которое доступно для iphone.

279photo — stock.adobe.com

Купите эти продукты сейчас: Кофейная кружка — Мобильный — Цветные ручки — Кнопки

Мгновенно получайте скидки на домашний декор!

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

Посмотреть предложения

2. Какие основные цвета

Спорим, некоторые из вас прочитали последний абзац и сказали: «12? Как в цветовом круге 12 цветов? В радуге всего 7 цветов.» Правда. Но, поверьте, на самом деле на каждом цветовом круге есть как минимум 12 оттенков. Вот как все ломается:

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

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

Getty Images

Купите эти продукты сейчас: Диван — Цветочные горшки — Потолочные светильники — Центральный стол

3. Изменение цвета с помощью нейтралов:

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

Оттенок: Акт освещения цвета путем добавления к нему белого.
Оттенок: Затемнение цвета путем добавления черного.
Тон: Слегка затемняя цвет за счет добавления серого.

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

New Africa — stock.adobe.com

Купите эти продукты сейчас: Подушка — Коврик — Одеяло — Приставной столик в спальню

4. Цветовая температура

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

ponsulak — stock.adobe.com

Купите эти продукты сейчас: декоративные подушки — наволочки — чехлы для диванов

5. Дополнительная цветовая схема

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

Photographee.eu — stock.adobe.com

Купите эти товары сейчас: Современный диван — Подвесные светильники — Искусственные растения — Роспись стен

6. Сплит-дополнительная цветовая схема

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

Getty Images

Купите эти продукты сейчас: Круглый стол — Торшер — Телевизор — Микроволновая печь

7. Аналогичная цветовая схема

Аналогичная цветовая схема относится к использованию трех цветов подряд на цветовом круге. Обычно два цвета являются основными цветами, а третий оттенок представляет собой смесь двух и вторичного цвета. Например, вы можете выбрать красный, оранжевый и желтый или красный, фиолетовый и синий.Ключ к успешному использованию этой цветовой схемы — пропорции. И снова в игру вступает правило 60-30-10. Вам нужно выбрать один цвет в качестве доминирующего оттенка, один для поддержки доминирующего и третий, наиболее яркий цвет, в качестве акцента. Что интересно, вы также можете создать аналогичную цветовую схему, используя нейтральные оттенки. Обычно это называется монохроматической цветовой схемой. Просто выберите черный, белый и серый вместо более ярких оттенков.

Getty Images / iStockphoto

Купите эти продукты сейчас: Шторы — Цветочные горшки — Барный стул — Подвесной светильник

8.Цветовая схема Triadic

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

aanbetta — stock.adobe.com

Купите эти товары сейчас: красочные стулья — обои

9. Цветовая схема тетрадика

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

AntonSh — stock.adobe.com

Купите эти продукты сейчас: Горшок для кактуса — Подушка — Искусство стены

10. Цветовая гамма квадрата

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

Getty Images / Johner RF

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

6 советов по выбору потрясающей цветовой схемы веб-сайта

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

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

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

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

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

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

1. Познакомьтесь с основами психологии цвета

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

Цветовые ассоциации очень сильны. Мы развиваем их в младенчестве, и обычно они остаются с нами на всю жизнь. Эти ассоциации инстинктивны и часто подсознательны.

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

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

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

2. Познакомьтесь с теорией цвета

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

Во-первых, вам необходимо понять основных , дополнительных и третичных цветов.

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

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

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

Во-вторых, давайте поговорим о теплых и холодных цветах .

Вы, наверное, уже имеете представление о том, что такое теплые и холодные цвета. Красные, оранжевые и желтые цвета классифицируются как теплые, а синие, зеленые и фиалки — как холодные.

В-третьих, важно понимать цветовых нюанса .

Не все цвета, которые вы видите, являются чистыми. Многие цвета, которые вы видите в Интернете, так или иначе пострадали.

Вы можете видеть оттенок (цвет с добавлением белого), оттенок (цвет с добавлением черного) или оттенок (цвет с добавлением серого).

Или вы могли бы видеть перенасыщенного цвета или ненасыщенного цвета . Насыщенность цвета — это яркость или тусклость цвета.

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

3. Подумайте о смешивании цветовых комбинаций

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

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

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

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

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

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

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

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

4. Будьте проще

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

У простоты есть два больших преимущества.

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

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

Цветовая схема

WordStream — отличный тому пример.На главной странице используются всего три цвета: синий, оранжевый и зеленый.

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

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

Эта цветовая схема одинакова для всего сайта.Вот как выглядит одно из сообщений в блоге:

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

Блог

Evernote — еще один отличный пример:

Дизайн блога построен на зеленом цвете, который является основным цветом бренда Evernote. Здесь есть несколько фантастических штрихов — изображение, кнопка входа и даже гиперссылки — все зеленые.

Желтый появляется часто, что делает эту цветовую схему аналогичной.

Эти простые дизайны имеют огромное влияние — помните об этом при выборе цветовой схемы своего веб-сайта.

5. Контрастите свои цвета

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

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

Еще раз взгляните на сайт WordStream:

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

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

6. Добавьте свой брендинг

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

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

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

Полезно узнать, что сделали и другие бренды.Вот пример с Medium:

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

А теперь приступим к (цветному) проектированию!

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

Все, что осталось, — это пойти и сделать это.

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

И еще одно — эти знания пригодятся в будущем.

Подборка цветовой гаммы: Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru