Сочетание цветов сайт: Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru - sk-amigo.ru

Содержание

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

15 сервисов для игры с цветом

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

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

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

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

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

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

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

Очень порадовал список с названиями цветов.

4. С ColoRotate вы можете с легкостью создавать и управлять палитрами цветов в объемном 3d-пространстве для лучшего контроля цвета текста и фона. Цвета оживают, потому что в объеме наш ум воспринимает цвет иначе. Слайдеры и джойстики интуитивно понятны и просты в управлении. К тому же, вы можете синхронизировать палитры цветов между компьютерами и делиться заготовками с коллегами или клиентами.

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

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

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

8. Главная идея Сolr: игра с цветом и цветовыми схемами. Этот сайт является одновременно игрушкой и серьезным генератором идей.

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

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

11. На Сolrd можно создавать схемы цветов, шаблоны, загружать изображение, чтобы узнать его цветовую гамму и многое другое.

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

13. Mudcu позволяет имитировать девять видов цветовой слепоты.

14. Etsy – это самый забавный и необычный способ подобрать цвет.

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

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

Источник: templates.motocms.ru

Цвет и сочетание цвета

Модные цвета осень-зима 2021—2022, сочетания

Модные цвета осень-зима 2021—2022 (Нью-Йорк), по мнению экспертов Института цвета Pantone, подчеркивают наше стремление к универсальной цветовой гамме, которая охватывает и приспосабливает различные возможности нашего раздвоенного образа жизни.

Аметистовый цвет и его сочетание

Аметистовый цвет – это светлый розово-фиолетовый оттенок или мягкий вариант пурпура.

Цвет кофе с молоком и его сочетание

Цвет кофе с молоком – это светлый оттенок коричневого, который соответствует напитку

Антрацитовый цвет и его сочетание

Антрацит – это самый древний уголь и лучший сорт каменного угля. Он имеет темно-серый оттенок с металлическим блеском.

Небесно-голубой цвет и его сочетание

Небесно-голубой цвет означает чистый, голубой оттенок неба, без серых и белых облаков. Это атмосферный, далёкий, всеобъемлющий тон.

Модные цвета Нового Года 2021 – в чем встречать? 12 тонов для успеха

Новый год 2021 имеет китайский символ металлического быка, а значит основным модным цветом будет Белоснежно-белый, а также серый, голубой, серо-зеленые оттенки.

Модные цвета осень-зима 2020-2021

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

Болотный цвет и его сочетание

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

Модные цвета лето 2020 и сочетания с ними

Модные цвета лета 2020 для индустрии моды от Pantone Color Institute, который специализирующейся на прогнозирование трендов и цветовых тенденций в мире

Сочетание цвета в палитрах

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

Как получить серый цвет, смешивая краски

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

Бежевый и розовый сочетание цветов

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

Модный цвет 2020 года — Классический Синий

PANTONE 19-4052 Классический Синий — это вечный и прочный тон, элегантный в своей простоте.

Бронзовый цвет и его сочетание

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

Модный цвет Нового года 2020

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

Красный и серый – сочетание цветов

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

Модные цвета осень-зима 2019—2020 и их сочетания

Сочетание фиолетового цвета в таблице. Фото

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

Оливковый цвет: оттенки, таблицы сочетания, подбор одежды фото

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

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

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

Сервисы подбора цвета для веб-дизайна

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

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

Я не буду рассказывать про теорию цвета (это слишком объемная информация), а просто опубликую здесь сервисы, которые есть у меня в закладках и которыми я пользуюсь .

Сервисы подбора цвета для веб-дизайна

colorscheme.ru

С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.

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

color.adobe.com

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

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

paletton.com

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

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

Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic 🙂

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

Color Palette Generator

На этом сайте необходимо указать ссылку на изображение.

palettegenerator.com

На этот сайт нужно загрузить картинку со своего компьютера.

palettable.io

Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».

flatcolors.net

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

materialpalette.com

Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.

getuicolors.com

И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.

Вот такие инструменты есть у меня в закладках.

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

Нужен сайт с правильными цветами? Пишите, сделаем 🙂

Нашли ошибку? Выделите фрагмент текста и нажмите CTRL+ENTER

Сочетание цветов | LOOKCOLOR

Сочетание цвета в палитрах

Сочетание фиолетового цвета в таблице. Фото

Сочетание оранжевого цвета в таблице. Фото

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

Сочетание зеленого цвета. Таблицы, фото

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

Сочетание красного цвета и его оттенков. Фото

Сочетание красного цвета во многом зависит от его оттенка. Для вас 4 основных красных тона в 44 палитрах цветных и нейтральных тонов. Фото

Сочетание синего цвета и его оттенков

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

Сочетание голубого цвета и его оттенков

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

Сочетание желтого цвета в таблицах. Фото

Сочетание желтого цвета, построенное в таблицах с оттенками розового, красного,оранжевого, зеленого, синего, фиолетового, коричневого и т. д. расширит ваше восприятие. Фото.

Синий, оранжевый, зеленый — сочетание

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

Синий, фиолетовый, зеленый — сочетание

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

Синий, красный, фиолетовый — сочетание

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

Красный, белый, синий — сочетание

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

Синий, зеленый, желтый — сочетание

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

Оранжевый красный коричневый

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

Желтый, зеленый, красный, оранжевый, синий

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

Черный, синий, красный — сочетание

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

Красный, синий, желтый, зеленый — сочетание

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

Синий, красный, желтый цвет — сочетание

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

Синий, красный, зеленый — сочетание

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

Красный, оранжевый, розовый — сочетание

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

16 отличных цветовых решений сайтов

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

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

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

Содержание статьи

Почему цветовая схема так важна?
1. Tori’s Eye
2. Mea Cuppa
3. The Big Top
4. BarkBox
5. Cheese Survival Kit
6. Nordic Ruby
7. Lake Nona
8. Lemon Stand
9. Mint
10. Odopod
11. Fiverr
12. Digital Photography School
13. Ahrefs
14. Millo.co
15. Brian Gardner
16. Loom
Тестирование цветовых палитр
Заключение

Почему цветовая схема так важна?

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

Цвет повышает узнаваемость бренда на 80%.
На 90% формирует первое впечатление о сайте.
Гармоничная цветовая палитра создает ощущение баланса и порядка. Вы можете использовать ее для установления иерархии контента на своих страницах.
Позволяет выделить определенные элементы на странице («призывы к действию»).
Упрощает связанные с дизайном решения. Сокращает время, необходимое для создания новых страниц.

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

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

Читайте также: Цветовые схемы и палитры. Их значение и применение в веб-дизайне
1. Tori’s Eye
Tori’s Eye — это инструмент для визуализации информации на Twitter. Этот сайт — отличный пример преимущественно однотонной цветовой схемы. В данном случае мы видим простую, но при этом мощную цветовую палитру, основанную на оттенках зеленого.
Такую цветовую схему легко скопировать, поскольку один оттенок цвета практически всегда будет сочетаться с другим оттенком того же цвета.
2. Mea Cuppa
Веб-сайт кофейни Mea Cuppa использует приятную для глаз цветовую палитру, включающую в себя пару ярких оттенков (рубиновый и изумрудный) для максимальной живости, но в остальном полагается на нейтральную монохромную палитру коричневых и серых оттенков.
Цветовая палитра сайта ассоциируется с кафе и отражается в основном изображении, что формирует целостность и связность всех элементов.
3. The Big Top
Сайт BigTop — сообщества, специализирующегося на оказании помощи сети стартапов — использует необычное, но чрезвычайно привлекающее внимание сочетание тонов, варьирующихся от фиолетового и синего до ярко-оранжевого и желтого.
Все основные цвета — это холодные оттенки. На их фоне отлично выделяются оранжевый и желтый. Благодаря такому сочетанию внимание пользователя на домашней странице в первую очередь приковывает «призыв к действию».
4. BarkBox
Доминирующий розовый цвет на домашней странице BarkBox повторяется по всему сайту в разных оттенках. Он прекрасно контрастирует с синим цветом, используемым в логотипе и CTA.
Использование комплиментарных цветов для привлечения внимания посетителей к определенным элементам поможет улучшить любую цветовую палитру веб-сайта.
Читайте также: Яркие цветовые решения для приложений и сайтов
5. Cheese Survival Kit
Красный — чрезвычайно популярный цвет в веб-дизайне. Он может передавать богатую смесь эмоций, что делает его весьма универсальным. Особенно он эффективен при использовании в малых дозах, как, например, на веб-сайте Cheese Survival Kit.
Красный смягчают более нейтральные цвета, а синий используется для CTA и других элементов, к которым необходимо привлечь внимание пользователя.
6. Nordic Ruby
Веб-сайт Nordic Ruby, конференции проводимой в Стокгольме, оформлен в глубоких темных тонах. Цвета, выбранные для данной палитры, придают сайту изысканный вид и выгодным образом выделяют его среди конкурентов.
7. Lake Nona
Lake Nona — это веб-сайт отеля, расположенного на побережье. Следовательно, использование синего цвета здесь вполне ожидаемо и является правильным решением. Другие нейтральные цвета выделяют и хорошо подчеркивают его.
8. Lemon Stand
И снова нет ничего удивительного в том, что компания Lemon Stand, чье название содержит в себе слово «лимон», использует желтый цвет в своей цветовой палитре. Голубой и серый цвета прекрасно сочетаются с желтым и помогают смягчить его яркость.
Читайте также: Принципы контраста и подобия как средства выразительности в веб-дизайне
9. Mint
Веб-сайт Mint посвящен финансам, поэтому использование здесь зеленых и синих оттенков является отличным выбором. Данные цвета помогают сформировать атмосферу спокойствия, миролюбия и доверия. Нейтральные оттенки в коричневой гамме создают общую природную цветовую гамму, обладающую умиротворяющим эффектом.
10. Odopod
Веб-сайт цифрового агентства Odopod имеет монотонную цветовую палитру, которая при этом не выглядит скучно благодаря градиенту. Крупная типографика обеспечивает превосходный контраст, и пользователю предельно очевидно, куда необходимо нажимать.
11. Fiverr
Вы могли заметить, что многие компании резервируют определенный цвет исключительно для CTA-элементов, и не задействуют его больше ни в каком другом месте сайта. В случае с Fiverr таким цветом является зеленый. Основными же здесь являются более нейтральные цвета.
12. Digital Photography School
Как правило, мы ожидаем, что у сайта, связанного с изобразительным искусством, будет удачно подобранная цветовая палитра, и Digital Photography School не является здесь исключением. Яркие цвета помогают привлечь внимание зрителя. И, как и в случае с Fiverr, оранжевый цвет, используемый в дизайне CTA (и логотипа), больше нигде не появляется в палитре, поскольку он используется для точечного воздействия на пользователя.
13. Ahrefs
Ahrefs — пример веб-сайта, свободно использующего свою цветовую палитру. Темно-синий служит доминирующим цветом, но его вариации встречаются по всему сайту. То же самое касается оранжевого, розового и бирюзового цветов.
Читайте также: 8 ярких цветовых трендов 2019 года
14. Millo.co
Millo.co использует очень простую цветовую палитру, и это лучшее решение для него. Благодаря такому цветовому решению посетителю очень легко ориентироваться на сайте.
15. Brian Gardner
Некоторые компании и частные лица доводят монохромную цветовую палитру до крайности. Так, веб-дизайнер Брайан Гарднер (Brian Gardner) использует в дизайне своего сайта черно-белую цветовую схему. Она основывается на минимализме его бренда, и таким образом прекрасно отражает его ценности и убеждения.
16. Loom
Если вы хотите, чтобы ваш лендинг оказывал успокаивающее воздействие на пользователей, то остановите свой выбор на мягких цветах. Так, компания Loom обширно использует в дизайне своего сайта лососевый и светло-голубой цвета. Такое сочетание хорошо работает особенно в комбинации с фиолетово-синим цветом CTA и других важных элементов на странице.
Тестирование цветовых палитр
Когда вы создаете лендинг, вы тестируете свои CTA-элементы, заголовки и другие элементы. Так почему же в случае с цветом все должно быть иначе?
Инструмент сплит-тестирование от платформы LPgenerator дает прекрасную возможность выяснить, как аудитория реагирует на вашу текущую цветовую палитру.
Чтобы запустить тест, вам нужно создать копию/копии уже существующей посадочной страницы («Копировать вариант»), указать соотношение распределения трафика («Вес») на каждую из версий, внести изменения и наблюдать за реакцией посетителей:
По прошествии определенного срока после запуска теста, проанализируйте данные и выберите, какой из вариантов приносит лучший результат. Количество конверсий расскажет вам, привлекают ли цвета вашего лендинга ваших потенциальных клиентов.
Читайте также: Сколько времени нужно на сплит-тестирование?
Заключение
Цветовая палитра должна не только выражать ценности вашего бренда, но и привлекать целевую аудиторию. В противном случае людей может неосознанно отталкивать ваш лендинг.
Выберите палитру, которая выгодным образом будет отличаться от других компаний в вашей нише, и после этого приступайте к тестированию.
Не упускайте возможности сделать вашу посадочную страницу или сайт максимально привлекательными для пользователей.
Высоких вам конверсий!
По материалам: crazyegg.com
06-02-2019
Выбор цвета для дизайна сайта. Примеры: 50 великолепных цветовых схем
Цвета для веб-дизайна играют огромную роль. Чтобы грамотно подобрать цветовую схему для сайта, существуют специальные сервисы, но сначала познакомьтесь с информацией о том, что будут рассказывать цвета сайта о вашем бизнесе
Выбор цвета для дизайна сайта это ответственный шаг, так как цвета в значительной степени влияют на эмоции. Есть цветовые схемы, которые удачны, но бывает и наоборот. Веб-дизайнер должен создать положительный пользовательский опыт, чтобы посетителям сайта было комфортно просматривать контент и не появлялось желание закрыть веб-страницу.
Цветовая гамма. У каждого сайта должна быть основная цветовая гамма, в которой они используются для заполнения большего пространства. Использование этих цветов воздействует на разум и настроение человека в основном подсознательно, так что выбирать их нужно тщательно.
Цвета могут устанавливать правильный тон и передавать необходимые эмоции посетителям

могут взволновать, вызвать множество чувств и стимулировать к действиям

Цвет является чрезвычайно мощным фактором воздействия на пользователей

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

На что влияет выбор цветовой палитры
Цвета вашего сайта многое могут рассказать пользователям о вашем бизнесе. Правильно подобранная цветовая гамма создает нужное настроение для восприятие информации, которая представлена на на вашем сайте. Выбор цвета иногда оказывает решающее влияние на выбор пользователя, оставаться ли ему дальше на веб странице или уйти на сайт конкурентов.
Многие клиенты ошибочно пытаются настаивать на применении законов полиграфии при разработке дизайна сайта. Доверяйте профессиональным дизайнерам, используйте их рекомендации при разработке дизайна вашего сайта.
50 великолепных цветовых схем для дизайна вашего сайта
Цвет — это такая фундаментальная часть нашего восприятия мира, что мы часто воспринимаем его как должное.Подумайте об этом: от молодого и яркого оранжевого на чьем-то наряде до серого и мрачного неба над нами, цвета способны формировать наше восприятие других и даже обстоятельства, в которых мы находимся.
Вот почему одним из самых мощных инструментов в арсенале дизайнера является цвет. Цвет может или сломать дизайн или сделать его определяющим фактором в привлечении зрителей. Как же подобрать те самые цвета для сайта, которые усилят то, что вы хотите передать и будут выглядеть профессионально?
1. Красочные и сбалансированные
Теплые и прохладные оттенки объединены в этой красочной, но не подавляющей палитре. От привлекательной и яркой голубовато-зеленой до землистой терракоты, эта цветовая схема хорошо подходит для молодежных и современных сайтов. Она выглядит насыщенно, но не перегружено.
2. Яркие цвета с сильным акцентом
В этой комбинации оттенки синего и фиолетового сочетаются с сногсшибательными красными и оранжевыми акцентами. Обратите внимание на то, как контраст между ярким синим фоном и красно-оранжевыми акцентами сразу привлекает внимание к нужным местам, от верхней части страницы до видео внизу.
3. Природные и земные цвета
Ощущение того, что вас окружает утешительное голубое небо и заботливая сцена на открытом воздухе, немедленно вызывается этой очень «приземленной» цветовой схемой. Эта приятная цветовая комбинация идеально подходит для проектов, связанных с природой и устойчивостью, и может пригодиться для проектов, которые подчеркивают экологическое сознание.
4. Свежие и лаконичные цвета
Темный имперский синий и изумрудно-зеленый цвета объединяются в этой схеме для создания чистой и освежающей палитры. Эта комбинация, напоминающая об океане или о любой обстановке, связанной с водой, идеально подходит для проектов, призванных передать спокойствие и надежность. Вместе они успокаивают и располагают к себе..
5. Смелые и яркие
Это привлекательное сочетание кораллового красного и бирюзового, наряду с другими оттенками синего, является одновременно ярким и дерзким. Более холодные голубые оттенки чудесно компенсируются смелым цветом, что делает его идеальной цветовой схемой для любого остроумного и современного дизайна.
6. Черные с ярким акцентом
Распространенная техника, используемая на современных сайтах, эта страница создает привлекательный контраст, комбинируя черный фон с яркими акцентными цветами. В этом случае вариации красного, такие как ярко-красный и темно-рыжий, дополняются уникальным русским зеленым.
7. Стильные и утонченные
Эта элегантная цветовая гамма объединяет темные приглушенные тона для создания чистого и утонченного образа. Оттенки серого и синего идеально подходят для более консервативных дизайнов.
8. Оттенки красновато-коричневого
Оттенки темно-красновато-коричневого в сочетании с глубоким тосканским красным и старой лавандой создают уникальную палитру, которая привлекает вас своим теплом и глубиной. Эта схема идеально подходит для элегантных вещей, которые отражают энергию и богатство.
9. Мистические темные цвета
Эта темная и таинственная цветовая схема с ярким синим акцентом соответствует преобладающей тенденции веб-дизайна: использование темных фоновых цветов с яркими и смелыми акцентными цветами.
10. Современные и смелые
Привлекательная комбинация розового, красного, черного и серого цветов, эта современная палитра вызывает ощущение роскоши, изысканности и минимализма.
11. Живые и привлекательные цвета
Это прекрасное сочетание сладкого розового, зелено-желтого, лавандового и пастельно-коричневого цветов идеально подходит для дизайна, стремящегося создать яркий и привлекательный образ.
12. Поразительно простые цвета
Трудно отвести взгляд, когда сталкиваешься с минималистским, но поразительным дизайном, таким как этот. Темный дымчато-черный фон в сочетании с ярким электрическим синим цветом делают эту цветовую схему выигрышной, полезной для различных проектов.
13. Оттенки живого красного
Используя красный польский флаг в качестве основы для своей цветовой схемы, этот привлекательный веб-сайт сочетает темно-алый красный с темно-розовым на светло-сером фоне. Его живое и креативное и в то же время изысканное использование минималистской цветовой гаммы с разными оттенками одного и того же оттенка.
14. Вычурные и креативные
Это красочное сочетание золотисто-красного, темно-синего и темно-синего голландского цветов воплощает в жизнь этот художественный и креативный дизайн для онлайн-архива музыкальных произведений. Дарит легкое чувство ностальгии и отлично привлекает внимание.
15. Элегантные и доступные
Это уникальное сочетание оттенков кожи и более элегантных цветов, таких как темно-имперский синий и рубин, делает его идеальной цветовой схемой для дизайнов с нюансами сообщений. Утонченно и доступно, легко и забавно: это те виды серых оттенков, которые эффектно выглядят в этой приятной для глаз комбинации.
16. Футуристические цвета
Эта привлекательная смесь голубого сапфира, серо-металлического оружия и платины с одной стороны и персиково-оранжевого и коричневого с другой — подходит для современной и гладкой цветовой гаммы. Используемые здесь оттенки подходят, чтобы спроектировать футуристический образ, прохладные металлические цвета эффективно смягчаются более человеческими, землистыми тонами.
17. Инновационные и смелые
Эта комбинация оранжевого, ярко-желтого и нефритового оттенков на темно-сером, почти черном фоне вызывает ваше внимание. Смелая и полная энергии, эта цветовая комбинация идеальна, если вы ищете современный и дерзкий образ.
18. Текстурированные и динамичные
Темная палитра, уголь и всплеск бледно-красно-фиолетового делают эту цветовую схему обязательной для тех, кто ищет элегантный, футуристический, но динамичный вид и ощущение элегантности. Эта комбинация цветов достаточно универсальна, и ее можно использовать в проектах, начиная от современных корпоративных и заканчивая элегантными и футуристичными сайтами, она передает динамику и утонченность.
19. Теплые оттенки и минимализм
Оттенок белого в тональности яичной скорлупы, темно-ванильный и серовато-коричневый цвета с в сочетании с пастельно-красными тонами хорошо объединяются в минималистском, но теплом и лаконичном дизайне. Вспышка энергичного цвета в этом дизайне делает его элегантным и в то же время привлекательным.
20. Яркие и контрастные цвета
Темно-розовый, фиолетовый и темно-синий цвета смешаны в этом красивом и привлекательном дизайне. Насыщенные неоновые оттенки действуют как акценты на темно-фиолетовом фоне, привлекая зрителей к навигационному меню, как только они открывают сайт.
21. Чистые и энергичные
Оттенки бледно-синего, голубого и фиолетового на этом сайте особенно приятны для глаз и вызывают энергию и покой одновременно. Черника и небесно-голубой искусно сочетаются с аметистом, чтобы дать жизнь освежающей и приятной для глаз цветовой комбинации, подходящей для любого дизайна, который стремится вызвать положительные эмоции.
22. Традиционная бизнес-классика
Если вы ищете более приглушенный образ, эта цветовая схема объединяет оттенки зеленого, синего и коричневого, которые передают профессионализм и надежность. В этой сдержанной палитре используются оттенки серо-зеленого, темно-сланцево-серого и оловянно-синего которые хороши для корпоративного стиля.
23. Глубокий сдержанный синий
Диапазон синего, от яркого лазурита до глубокого синего цвета, делает эту сдержанную, но красивую цветовую гамму подходяще для корпоративных проектов. Его можно так же использовать в визуальных образах образовательных и консультационных сайтов.
24. Чистые и современные
Здесь сочетаются прекрасный миртово-зеленый с лазурным белым и простым белым в простой, но эффективной комбинации, которая выглядит профессионально и стильно.
25. Яркие и элегантные
Эта яркая и элегантная цветовая гамма объединяет очень насыщенный светло-холодный синий с другими оттенками, такими как темно-синий и бледно-васильковый. Это сочетание элегантно дополнено ярким и ярким оттенком розового, которые делают дизайн современным.
26. Веселые и задорные цвета
Эта игривая и красочная схема сочетает в себе несколько ярких оттенков: ярко-бирюзовый, мандариново-желтый и темная орхидея Она отличноподойдет для смелых молодежных проектов
27. Минималистичные контрастные цвета
Этот элегантный и ультрасовременный сайт может похвастаться элегантной и привлекательной комбинацией с эффектным контрастом. Яркий желто-зеленый хорошо сочетается с черным и серым на заднем плане и смотрится очень элегантно.
28. Эффектные цвета с четким акцентом
Это еще один пример сайта, который эффективно использует яркий акцентный цвет, чтобы направить взгляд зрителей на важное. В этом случае ярко-желтый цвет привлекает внимание сначала к заголовку, затем к пути вверх по горе и, наконец, к кнопкам призыва к действию в нижней части страницы.
29. Современные и актуальные цвета
Эта комбинация океанического зеленого, аквамаринового и морского зеленого прекрасно передает концепцию современности и в то же время жизни и плодородия, что полностью совпадает со словами в центральном сообщении сайта. Отличное решение проектов объединяющих технологичность, современность и натуральность.
30. Природные естественные цвета
Эта природная комбинация зеленого с рядом синих оттенков идеально подходит для консервативных проектов, призванных создать образ стабильности, надежности и изобилия.
31. Ярко-розовые и пастельные
Этот оживленный сайт объединяет ярко-малиново-розовый с более мягкими цветами, такими как пастельно-синий и светло-пастельно-фиолетовый. Результатом является удивительно свежая и беззаботная цветовая гамма, которая создает ощущение легкости и свежести.
32. Уникальная необычная комбинация цветов
Эта невероятная смесь темно-розового и синего цветов делает эту уникальную и привлекательную комбинацию выделяющейся и захватывающей внимание, она может быть использована для проектов в специфических областях.
33. Яркие цитрусовые цвета
Эта свежая и цитрусовая смесь светло-зеленовато-желтого, светло-зеленого и черного цветов является фаворитом среди брендов, связанных со спортом, высокоадреналиновыми энергетическими напитками и экстриме.
34. Энергичные голубые и апельсиновые цвета
Яркий бирюзовый фон и оранжевая кнопка призыва к действию на этом сайте могут быть немного громкими для некоторых посетителей, но комбинация определенно передает эмоции высокой энергии, которые сопровождают изображение на заднем плане.
35. Оттенки бородово-красного и и синего
Эта гамма бордовых и красных цветов с ярко-синей кнопкой призыва к действию создает визуального интерес и сразу привлекает к себе внимание. Хорошо подходит для интересных уникальных проектов
36. Дерзкие, смелые и современные
Это смелое и уникальное сочетание королевского синего и золотого с яркими голубыми бликами захватывает взгляд. Его неожиданное и несколько нестандартное решение поможет сделать этот сайт победителем и стать лучшим среди многих в своей нише.
37. Веселые и энергичные
Голубой, синий и апельсин на этой странице делают этот дизайн сайта особенно привлекательным и энергичным, и его можно применять к проектам с оптимистичным и вдохновляющим посланием.
38. Снежный, но теплый
Это зимнее сочетание красного и синего цветов одновременно вызывает одновременно ощущения прохлады и тепла, отличный вариант для дизайна, связанного с зимними праздниками.
39. Богатство насыщенных красок
Эта яркая и насыщенная цветовая комбинация объединяет яркие желтые, синие и розовые цвета в этом прекрасном минималистском дизайне, который можно использовать в минималистичных, профессиональных проектах.
40. Элегантный минимализм
Этот сайт демонстрирует привлекательный дизайн с несколькими элементами и хорошо подобранной цветовой гаммой. Всего пары геометрических фигур с искусно подобранными цветами на черном и сером фоне достаточно, чтобы привлечь внимание зрителя.
41. Простые и бесстрашные цвета
Эта эффектная цветовая комбинация использует оттенки синего и красного, чтобы создать ощущение смелости и истинного профессионализма, идеально подходит для дизайна, стремящегося передать силу и компетентность.
42. Плоские и простые цвета
Даже если вы не знакомы с термином плоский дизайн, вы наверняка видели его раньше: сайты без теней, градиентов и скосов; короче говоря, нет трехмерных элементов. В то время как сайт выше добавляет немного теневого эффекта мальчику справа, технически это можно назвать плоским дизайном 2.0, который является не чем иным, как добавлением нескольких очень тонких трехмерных эффектов. Как видно здесь, цвета плоского дизайна, как правило, очень яркие и супер насыщенные.
43. Комфортный и спокойный
Это уникальное сочетание оттенков кофе с небесно-голубым и различных оттенков коричневого делает эту успокаивающую и утешительную цветовую схему: чем-то напоминающим вашу любимую кофейню или гостиную. Отлично подходит для сферы HoReCa.
44. Классический и традиционный
Эта комбинация розового, голубого и гранитно-серого очень утонченная и отлично подчеркнет серьезность и актуальность проекта. Классическая палитра с современными нотками эта схема может быть использована в любом дизайне, требующем как серьезности, так и немного живости.
45. Популярные акцентные цвета
Эта цветовая схема прекрасно использует виноградный акцент против очень темного ненасыщенного фиалкового. Такой дизайн может использоваться для любого проекта, где есть небольшое количество элементов и центральное сообщение, к которому вы действительно хотите привлечь внимание посетителей.
46. Серьезный корпоративный
Оксфордский синий с несколькими ярко-синими и красными бликами делает этот сайт очень традиционным и корпоративным. Синий и зеленый, которые передают профессионализм и стабильность, обычно используются в корпоративных сайтах.
47. Гламурные и стильные цвета
Эта смесь золота, пурпура и черного ассоциируется с такими понятиями, как богатство и расточительность. Эта комбинация может быть применена к дизайнам, связанным с модой, роскошью и продуктами высокого класса.
48. Привлекательный и насыщенный
Это прекрасное сочетание бирюзового и насыщенно-розового на темном фоне создает повышенный визуальный интерес и сразу притягивает взгляд. Смелая, но профессиональная, эта цветовая комбинация, при правильном использовании, может даже применяться к корпоративному дизайну.
49. Контрастные кислотные цвета
Эта комбинация преднамеренно бросская до такой степени, что она может оттолкнуть некоторых зрителей. Однако, когда вы хотите сделать смелое заявление, эта цветовая комбинация может хорошо сработать, если все сделано правильно, ее просто невозможно пропустить.
50. Оптимистичные, живые успокаивающие цвета
Это расслабляющее, но веселое сочетание лимонного, желтого, мятного и темно-голубого цветов делает эту идеальную цветовую схему подходящей для любого сайта, стремящегося передать энергию, оптимизм и, в то же время, гармонию и рост.
Публикация адаптирована в веб-студии АВАНЗЕТ на основе опыта гуру индустрии дизайна и статьи Найоми Чибана. Вдохновляйтесь вместе с visme и найдите для себя идеальную цветовую палитру!
31.10.2021
← Поделиться с друзьями !
Палитра
— Дизайнер цветовых схем
Влюблен в цвета, с 2002 года.
Приложение Paletton
Colorpedia
О компании Paletton
О компании Paletton
Paletton.com — это дизайнерский инструмент цвета, предназначенный для создания цветовых комбинаций, которые хорошо сочетаются друг с другом. Он использует классическую теорию цвета с древним художественным цветовым кругом RYB для создания цветовых палитр от одного до четырех оттенков, каждая из пяти разных оттенков.Можно выбрать различные стили предварительного просмотра, чтобы проверить и просмотреть цвета в комбинациях, доступно множество примеров, чтобы увидеть палитру, используемую в дизайне веб-сайта, дизайне пользовательского интерфейса или в произвольно нарисованном изображении. Предварительный просмотр ткани Tartan также доступен для тех, кто интересуется текстилем и дизайном интерьера.
Этот инструмент палитры использует различные цветовые модели для объединения смежных цветов и / или дополнительных цветов к основному оттенку. Выбирайте модели от монохромных до трехцветных или четырехцветных наборов цветов, с дополнением или без него (противоположный оттенок), наслаждайтесь даже режимом свободного стиля.Поиграйте с яркостью и насыщенностью палитры, выберите из предустановленных предустановок или создайте случайные палитры. Уникальный фильтр имитации зрения имитирует палитру, которую видят люди с различной слабостью зрения, дальтонизмом, различными вариантами дальтонизма (протанопия, дейтеранопия, тританопия, протаномалия, дейтераномалия, тританомалия, дисхроматопсия или ахроматопсия), а также несколько гамма-симуляций (симуляция слишком яркого дисплея или слишком темной печати), обесцвечивания, преобразования оттенков серого или веб-цветов (устаревшая 216-цветная палитра).Палитру можно экспортировать во множество различных форматов (HTML, CSS, LESS, XML, текст, изображение PNG, палитра образцов Photoshop ACO или формат палитры GIMP GPL) для раскрашивания ваших работ. Проверьте цветовой контраст всех цветовых пар, используемых в палитре, и проверьте, соответствует ли цветовой контраст требованиям WCAG. Подробнее о цветах в Colorpedia.
Paletton является преемником предыдущего приложения Color Scheme Designer 3, которым с 2009 года пользовались почти 20 миллионов посетителей (в то время как первая версия была опубликована в 2002 году), как профессиональных дизайнеров, так и любителей, интересующихся дизайном, дизайном мобильных или настольных приложений или веб-дизайном. дизайн интерьера, мода или обустройство дома и переделки.Полная история Paletton в Colorpedia.
Javascript не обнаружен. Для этого приложения требуется Javascript.
39 вдохновляющих цветовых схем веб-сайта, которые пробудят ваши творческие способности
Ищете вдохновляющие цветовые схемы для веб-сайта? Мы собрали коллекцию прекрасных дизайнов веб-сайтов, отличные цветовые схемы которых, несомненно, заставят ваши творческие соки течь. В данную коллекцию вошли:
мягкие и бледные цветовые схемы сайта,
пастельных и землистых цветовых схем сайта,
ярких цветовых схем сайта,
темных цветовых схем сайта,
монохромных цветовых схем сайта.
Хотите узнать о главных тенденциях веб-дизайна 2021 года?
I. Мягкие и бледные цветовые схемы веб-сайта: Feelin ’Comfy
Мягкие пастельные цветовые схемы для веб-сайтов являются одними из самых популярных вариантов оформления веб-сайтов. Такие цветовые решения сайта легко ассоциируются с романтикой и чистотой. Они также обладают спокойствием. Это делает их идеальными для широкого круга брендов, которым необходимо демонстрировать надежность и комфорт.
Мягкие и бледные цветовые решения сайта гостеприимны и уютны.Вот подборка сайтов, выполненных в таких цветовых решениях. Вы ощутите комфорт и уют?
1. Beauregard
Веб-сайт, посвященный искусству и красоте дизайна часов. Веб-сайт интуитивно понятен и выполнен в красивой цветовой гамме, передающей чистоту и комфорт. Шестнадцатеричные коды соответствуют следующим цветам:
ISABELLINE
БЫСТРЫЙ СЕРЕБРЯНЫЙ
АУРОМЕТАЛЛSAURUS
СВЕТЛО-СЕРЫЙ
ЧЕРНЫЙ ОЛИВКОВЫЙ
2.Squilla Fund
Мягкие бежевые тона в сочетании с успокаивающими бирюзовыми оттенками делают этот корпоративный сайт об инвестициях в криптоиндустрию надежным и комфортным. Вот цвета, использованные при создании дизайна этого веб-сайта:
СИНИЙ СИНИЙ
СИНИЙ ЛУННЫЙ КАМЕНЬ
СИНИЙ ПОРОШОК
ВОЛШЕБНАЯ МЯТА
БЕЛЫЙ ДЫМ
3. Либенар
Мягкие пастельные цветовые решения для веб-сайтов передают чистоту, что делает их идеальными для презентации детских товаров.Этот конкретный веб-сайт был сделан с мягкими и бледно-розовыми и синими оттенками, дополняющими основное сообщение веб-сайта. Используемые цвета:
СНЕГ
РОЗОВЫЙ ИСПАНСКИЙ
ПЫЛЬНАЯ БУРЯ
SOAP
ЯЛ-СИНИЙ
4. Mont Roucous
Чистый и красивый сайт, рекламирующий детские товары. Дизайнеры сделали ставку на бледно-розовые оттенки в сочетании с более лиловыми нюансами, чтобы создать красивую цветовую палитру сайта, а именно:
КАРОЛИНА СИНИЙ
ПАСТЕЛЬНЫЙ РОЗОВЫЙ
ЧАЙНАЯ РОЗА
МАКСИМАЛЬНЫЙ СИНИЙ ФИОЛЕТОВЫЙ
ОРГАНИЗАЦИЯ ОБЪЕДИНЕННЫХ НАЦИЙ СИНИЙ
5.Велосипеды ковбойские
Сайт о новом поколении электровелосипедов. Этот дизайн был выполнен с мягкими золотисто-розовыми оттенками, яркими цветами типографики и забавными золотыми деталями. Цветовая гамма сайта состоит из:
ЛАВАНДОВАЯ РУМАЯ
ЧАЙНАЯ РОЗА
РОЗОВОЕ ЗОЛОТО
КРАСНЫЙ РАДИКАЛЬНЫЙ
СВЕТЛО-ФРАНЦУЗСКИЙ БЕЖЕВЫЙ
Вдохновляющие цветовые схемы веб-сайта фиолетовый пастельный фиолетовый и розовый веб-сайт
6. Сахель
Мягкий и элегантный дизайн веб-сайта, выполненный в сложной цветовой гамме, сочетающей нежные пастельно-розовые и бежевые оттенки с золотыми и медными элементами дизайна.Названия цветов, используемых в цветовой схеме этого веб-сайта:
ТЕМНОЕ ЗОЛОТО
ТАН
ПЫЛЬНАЯ БУРЯ
БЕЛЫЙ ДЫМ
VAN DYKE КОРИЧНЕВЫЙ
7. Я и мистер Дарси
Блог в очень женственном веб-дизайне радует глаз красивыми теплыми цветами. Этот блог о «жизни и любви», по словам владельца, был выполнен в цветовой гамме с этими ведущими цветами:
МИНДАЛЬ
РОЗОВЫЙ ШАМПАНСКИЙ
СРЕДНИЙ ФИОЛЕТОВЫЙ
КОБИ
СОЛНЕЧНИК
8.Спасай воздух
Многоцветный дизайн веб-сайта, выполненный в красивой очаровательной цветовой гамме радуги. Представленная в бледных оттенках цветов, эта схема, несомненно, передает чистоту и свежесть. В этом дизайне использованы следующие цвета:
АЭРО СИНИЙ
ОРХИДЕЯ СВЕТЛАЯ СРЕДНЯЯ
МЕДОВ
СВЕТЛЫЙ КОРАЛЛ
НЕБЕЛЫЙ ШЕЛК
9. Менд Зельцер
Красивая и романтическая цветовая гамма веб-сайта, специально подобранная для представления новых полезных для здоровья продуктов.Сочетая романтические оттенки розового, желтого и лавандового, вот точные названия цветов, используемых в этом веб-дизайне:
ПЛАТИНОВЫЙ
ТАНГО РОЗОВЫЙ
ОРАНЖЕВО-ЖЕЛТЫЙ
ЯЩИК ИНСТРУМЕНТОВ
ЯРКАЯ ЛАВАНДА
Вдохновляющие цветовые схемы веб-сайта в ярких пастельных тонах веб-сайт
10. Лобстер
Комбинация розово-синего цвета — одна из самых предпочтительных цветовых смесей, которые радуют глаз. Для этого веб-сайта дизайнер выбрала несколько оттенков пастельно-голубого, смешанного с бодрящим розовым.
ЯРКИЯ
СИНИЙ ПОРОШОК
ЗЕЛЕНО-СИНИЙ
БЕЛЫЙ
РОЗОВЫЙ ФАНДАНГО
Возможно, вас заинтересует эта статья: Психология цвета — как улучшить свой веб-дизайн
II. Пастельные и землистые цветовые схемы веб-сайта: навеяны природой
Земляные цвета, или, другими словами, все цвета, которые можно встретить в природе, являются одними из самых популярных цветов, выбираемых для цветовых схем веб-сайтов.
Зеленый — цвет листьев и травы, коричневый — цвет почвы и дерева, бежевый — цвет песка, синий — цвета неба и океанов, желтый и оранжевый — цвета огня. Все эти яркие цвета открывают перед дизайнерами безграничные возможности для создания впечатляющего внешнего вида веб-сайтов. Вот несколько примеров, которые могут вас вдохновить.
11. Лечение ногтей
Дизайн веб-сайта полностью выполнен в пастельных землистых тонах, передающих чистоту. Нюансы вызывают ассоциации с природой и идеально сочетаются с концепцией сайта — органические продукты по уходу за кожей.Вот используемая палитра:
ПЛАТИНОВЫЙ
ЧЕРЕПАХА ЗЕЛЕНЫЙ
СЕРЫЙ-СИНИЙ
ТАН
КОКОС
12. Горный человек
Сайт, созданный специально для нового музыкального альбома. Полностью выполнен в теплых пастельных тонах — землистых коричневых и зеленых тонах с фруктовыми персиковыми оттенками. В цветовой гамме сайта использованы следующие цвета:
БЕЛЫЙ ЗОЛОТО
ОЛЕНЬ
АРТИШОК
ТЕМНО-КОРИЧНЕВЫЙ-ТАНГЕЛО
СОЛОМА
Вдохновляющий веб-сайт Цветовые схемы Веб-сайт ретро цветов
13.Андрис Горакс
Этот веб-сайт, основанный на темно-голубых и медных тонах, на самом деле является портфолио веб-разработчика. Успокаивающий эффект синего цвета передает надежность и доверие. Вот названия цветов, используемых в цветовой схеме этого веб-сайта:
ПУСКИ СИНИЙ
ФРАНЦУЗСКИЙ НЕБО-СИНИЙ
ЭЛИС СИНИЙ
БЕЛЫЙ
МЕДЬ
14. Зеленый экологический голландец
Землистые цветовые схемы идеально подходят для веб-сайтов, рекламирующих органические продукты.Это потому, что они легко ассоциируются с природой. Вот отличный пример сочетания зелени с оттенками золотистого песка.
БИСТР
ВЕГАС ЗОЛОТО
ПУСТЫННЫЙ ПЕСК
БЕЛЫЙ
ПАЛЬМОВЫЙ ЛИСТ
15. 10 × 18
Веб-сайт, созданный в приятных тонах, передающий тепло и комфорт — веб-сайт, на котором 33 исполнителя визуально интерпретируют свои любимые альбомы. Теплые землистые цвета, используемые в цветовой гамме этого веб-сайта, следующие:
БЕЛЫЙ ДЫМ
ГЛУБОКОЕ КОСМИЧЕСКОЕ ИСКРЕНИЕ
ПЕСЧАНО-КОРИЧНЕВЫЙ
ПАСТЕЛЬНЫЙ ОРАНЖЕВЫЙ
СВЕТЛЫЙ КОРАЛЛ
Реклама
16.Адриен Лоран
Портфолио французского интерактивного дизайнера, выполненное в коричневато-бежевых землистых оттенках в сочетании с бодрящим апельсином, напоминающим огонь. Цветовая гамма сайта состоит из следующих цветов:
ПЫЛЬНЫЙ БУРЯ
УПЛОТНЕНИЕ КОРИЧНЕВОЕ
ОРАНЖЕВЫЙ (PANTONE)
БЕЛЫЙ МЕДНЫЙ
ЛЕН
Веб-сайт вдохновляющие цветовые схемы Веб-сайт в теплых тонах
17. Бронзовая коллекция Bang Olufsen
Сайт о колонках в красивом художественном стиле — бронзовая тематика.Бронза — это знаменитый сплав металлов, который воплощается в веб-дизайне, пробуждает элегантность и изысканность. Цвета в этой палитре:
ACAJOU
СТАРЫЙ БОРДОВЫЙ
БЕЛЫЙ
ИНДИЙСКИЙ ЖЕЛТЫЙ
РУССЬ
Вас также могут заинтересовать 30 идей дизайна веб-сайтов электронной коммерции для вашего интернет-магазина
III. Яркие и смелые цветовые схемы веб-сайта: кричать о внимании
Действительно, яркие цвета способны мгновенно привлечь внимание.В отличие от пастельной гаммы, яркие цвета волнуют и заряжают посетителя. Веб-сайты, созданные с использованием ярких цветовых схем, кажутся освежающими и забавными. В этой подборке мы выбрали веб-сайты, полностью состоящие из ярких цветов, и веб-сайты, сочетающие яркие цвета с более светлыми тонами.
18. MA-TEA
Освежающий напиток, безусловно, требует освежающего дизайна веб-сайта. Отличный пример яркой цветовой схемы веб-сайта, которая одновременно заряжает энергией, веселит и уравновешивает.Ведущие цвета, используемые в этой палитре:
РОЗОВЫЙ РАЙС
КОСМИЧЕСКИЙ КОБАЛЬТ
ОРЕОЛИН
КЕЛЛИ ГРИН
Шалфей
19. Мяу Вульф
Яркие цвета в сочетании с черным смотрятся мистично и футуристично. Этот веб-сайт, представляющий творческий коллектив, несомненно, несет в себе творчество и тайну, которые пробуждают энергию и вызывают любопытство. Достигнуто за счет использования следующих цветов:
AUREOLIN
АЭРО
MANTIS
СВОБОДА
РОЗОВЫЙ МЕКСИКАНСКИЙ
Цветовая комбинация, которая отображает будущее прямо на вашем экране! Таинственные оттенки фиолетового, наполненные райским розовым и электрическим синим, превращаются в прекрасные градиенты.Добейтесь этого чарующего эффекта, используя следующие цвета:
РОЗОВЫЙ РАЙС
ПАЛАТИНАТ СИНИЙ
ПОЛУНОЧНЫЙ СИНИЙ
ТЕМНАЯ ОРХИДЕЯ
RICH ELECTRIC СИНИЙ
21. Анимат Креатик
Неважно, представлены ли они градиентами или плоскими формами, каждая из которых заполнена сплошным цветом, яркие нюансы впечатляют зрителя. В данном случае — креативный веб-сайт, представляющий плоскую иллюстрацию на белом фоне, чтобы выделить все красивые цвета.
КОБИ
ХАНЬ ПУРПУРНЫЙ
СРЕДНИЙ СИНИЙ
МАКСИМАЛЬНЫЙ ЖЕЛТЫЙ
РУБ.
Возможно, вы захотите ознакомиться с нашей коллекцией удивительных веб-сайтов с иллюстрациями.
22. Счастливый онлайн
Яркие цвета не должны быть навязчивыми и повсюду. В этом дизайне веб-сайта яркие цвета превращаются в забавные элементы веб-дизайна, которые делают работу с сайтом намного интереснее.Используемые цвета:
ЯНКИ СИНИЙ
СИНИЙ ПИКТОР
ФОЛЛИ
ОРАНЖЕВЫЙ (WEB)
СРЕДНИЙ МОРСКИЙ ЗЕЛЕНЫЙ
23. Саммит Грамаду
Свежая и яркая цветовая гамма в сочетании с еще большим количеством тенденций графического дизайна в дизайне этого веб-сайта для Gramado Summit: наложение ультрамаринового синего цвета, сплошной вишнево-розовый фон и детали грушево-желтого цвета.
ЦЕРИЗ РОЗОВЫЙ
ГРУША
СИНИЙ ПИКТОР
УЛЬТРАМАРИНОВЫЙ СИНИЙ
24.La Phase 5
Еще один бренд, который сделал ставку на яркие однотонные геометрические детали для своего веб-присутствия. Белый фон по-прежнему передает ощущение надежности, а красочные детали делают общий вид более забавным. Цвета в этой палитре:
RICH CARMINE
ЗОЛОТОЙ МАК
КАРОЛИНА СИНИЙ
SEA SERPENT
ISABELLINE
25. Синдикат ICO
Яркое сочетание сигнального желтого и неоново-лилово-фиолетового, дополненное их более бледными и мягкими оттенками, чтобы создать приятный опыт на этом веб-сайте.Цветовая гамма сайта следующая:
ЦВЕТОЧНЫЙ БЕЛЫЙ
банановая мания
БЕЗОПАСНЫЙ ЖЕЛТЫЙ
MAUVE
БОГАТАЯ ЛАВАНДА
26. Securinvest
Синий цвет доверия в сочетании с бодрящим оранжевым, смягчающим бледно-розовым и волнующим неоновым аквамарином, которые прекрасно передают идею этого веб-сайта — финансовой услуги, которая побуждает вас мечтать о больших и помогает вам жить уверенно.
ПОЛУНОЧНЫЙ СИНИЙ
ГОЛУБОЙ
БЕЛЫЙ РОЗОВЫЙ
МАНДАРИН
СРЕДНИЙ АКВАМАРИН
27. HtmlBurger
Веселая и простая цветовая схема веб-сайта для этой услуги веб-разработки. Дизайн сайта выполнен в ярких пастельных и веселых тонах, которые ломают лед и создают дружественную атмосферу для посетителя. Цветовая палитра:
ЖЕЛТЫЙ (CRAYOLA)
ГЛУБОКИЙ МОРКОВНЫЙ АПЕЛЬСИН
ВЕРМИЛИОН
АЭРО
НЕБЕСНЫЙ СИНИЙ
28.Сочная еда
Даже один яркий цвет может сделать весь дизайн более веселым и веселым. Так обстоит дело с этим сайтом. Веб-дизайнеры выбрали темно-синий оксфордский оверлей для раздела с героями, приятный пастельно-фиолетовый цвет в качестве фирменного цвета и яркий желтый оттенок, привлекающий внимание.
AUREOLIN
КОРОЛЕВСКИЙ ФИОЛЕТОВЫЙ
БЕЛЫЙ АНТИВСПЫШКА
БЕЛЫЙ
ОКСФОРД СИНИЙ
IV.Мрачные и драматические цветовые схемы веб-сайта: разгадывайте тайну
Темные цветовые решения очень популярны, так как вызывают ассоциации с таинственностью и роскошью. И эти чувства, безусловно, вызывают любопытство. Темные цветовые схемы веб-сайта интригуют независимо от того, полностью ли они выполнены в темной тематике или в сочетании с одним ярким цветом, чтобы оживить экран. Посмотрите веб-сайты, которые мы подготовили для вашего вдохновения.
29. Зеркало My 360
Чтобы создать чистый элегантный вид в сочетании с чувством роскоши, дизайнеры этого веб-сайта использовали темно-серую цветовую схему с загадочными бирюзовыми оттенками.Цветовая палитра сайта включает:
ONYX
ТАУП СЕРЫЙ
БЕЛЫЙ ДЫМ
КОРОЛЕВА СИНИЙ
БИРЮЗОВЫЙ СРЕДНИЙ
30. Марго Леруа
Эффектный темно-синий монохромный веб-дизайн в сочетании с бодрящим мятно-зеленым цветом придает загадочный и свежий вид. Веб-сайт, который представляет собой портфолио UX | Дизайнер пользовательского интерфейса использовал следующую палитру для создания этого образа:
KEPPEL
ГУНМЕТАЛЛ
ВНЕШНЕЕ ПОМЕЩЕНИЕ
МЫШИ
РИТМ
31.Иван Ибаньес
Черно-белый дизайн веб-сайта с монохромными серыми иллюстрациями и яркими фиолетовыми оттенками. Этот сайт представляет собой внештатного UX-дизайнера и выполнен в следующей цветовой гамме:
ТЕЛЕЖКА СЕРЫЙ
ТЕМНО-ФИОЛЕТОВЫЙ
СВЕТЛО-СЕРЫЙ
ДЭВИ ГРЕЙ
JET
32. Производство Portugal
Для платформы, которая демонстрирует работы, было бы неправильно привлекать внимание с помощью «кричащей» цветовой схемы веб-сайта.Для этого веб-дизайна создатели сделали ставку на несколько оттенков серого и добавили немного цвета, используя активный красный.
БЕЛЫЙ
ИСПАНСКИЙ СЕРЫЙ
ЗЕЛЕНАЯ ВИНТОВКА
ЖАРАЧНЫЙ ЧЕРНЫЙ
ПОСТОЯННОЕ ГЕРАНИЕВО ОЗЕРО
33. Microsoft в цифрах
Дизайн веб-страницы, который является прекрасным примером сочетания темных и тусклых оттенков с теплыми пастельными тонами для создания загадочного, но дружелюбного и мягкого внешнего вида. Цветовая палитра для этой веб-страницы:
ЧАРЛСТОН ГРИН
ТЕМНАЯ ПЕЧЕНЬ
СВЕТЛО-СЕРЫЙ
РОЗОВАЯ ОРХИДЕЯ
ЧАЙНАЯ РОЗА
Вы хотите проверить несколько удивительных примеров параллакса CSS?
В.Цветовые схемы монохромных веб-сайтов: один цвет для победы
Иногда веб-дизайнер выбирал один цвет для всего веб-дизайна и играл со всеми его оттенками и оттенками, чтобы создать впечатление, достойное конкуренции с многоцветными веб-сайтами. Монохромные веб-сайты могут казаться драматичными, свежими, милыми… все зависит от цвета, используемого в качестве основы. Вот несколько примеров веб-сайтов, которые демонстрируют монохромные цветовые схемы веб-сайтов.
34. Ефрем Иосиф
Сайт-портфолио креативного директора, который делает ставку на чистый дизайн и умные слова для своих проектов.Именно это и сообщает аудитории его монохромный сайт, основанный на чистой и успокаивающей синеве океана.
ИНДИГО КРАСИТЕЛЬ
СИНИЙ ОКЕАН
ЯЩИК ИНСТРУМЕНТОВ
ДЕТСКИЙ ПОРОШОК
ПАЛЕ АКВА
35. Джин Whitetail
Чистый и стильный вид, достигнутый за счет использования белого и нескольких оттенков серовато-синего цвета, чтобы уловить дух бренда и принять философию, лежащую в основе бренда.Точные цвета, используемые в этой палитре:
БЕЛЫЙ
ЯРКИЯ
ОКСФОРД СИНИЙ
СЕРЫЙ ПЕЙН
КОРОЛЕВСКИЙ СИНИЙ
36. Fitspirit Fashion
Когда дело доходит до создания монохромного дизайна веб-сайта, целевая аудитория которого — женщины, розовый цвет, вероятно, лучше всего подходит. Fitspirit Fashion объединила свой фирменный цвет ярко-вишнево-розового с пастельными оттенками пурпурно-розовой гаммы.
ТИРИАНСКИЙ ПУРПУРНЫЙ
АМАРАНТ ГЛУБОКИЙ ФИОЛЕТОВЫЙ
СРЕДНИЙ ФИОЛЕТОВЫЙ
ЛАВАНДОВАЯ РУМАЯ
ГОЛЛИВУДСКИЙ ЦЕРИЗ
37.Sikkema
Бодрящий, женственный и оптимистичный, этот желтый монохромный дизайн веб-сайта передает ассоциации с теплом и яркостью солнца. Цветовая гамма сайта состоит из нескольких оттенков ярко-желтого.
ТАНЖЕРИН
СЕЛЕКТИВНЫЙ ЖЕЛТЫЙ
ПЕСЧАЯ БУРЯ
МИНЬОН ЖЕЛТЫЙ
АРОМАТ
38. Готэм-Сити
Темно-серый монохромный веб-сайт, отсутствие цвета которого передает драматизм и таинственность.Цветовая палитра веб-сайта, представленная с шумом, идеально передает темную атмосферу и передает сообщение веб-сайта.
ТАУП СЕРЫЙ
ИЗЮМ ЧЕРНЫЙ
ТЁМНЫЙ СЕРЫЙ
СЕРЕБРЯНЫЙ
РЕГИСТРАЦИЯ ЧЕРНЫЙ
39. Аджа Уилсон
Дизайн веб-сайта, приветствующий посетителя багрово-серым монохромным видео для области героя со следующими оттенками и оттенками:
БЕЛЫЙ АНТИВСПЫШКА
СВЕТЛО-СЕРЫЙ
СТАРАЯ ЛАВАНДА
ИЗЮМ ЧЕРНЫЙ
ФИОЛЕТОВЫЙ ТАУП
Вот и все!
Мы надеемся, что эта коллекция цветовых схем для веб-сайтов вдохновила вас засучить рукава и начать создавать потрясающие веб-дизайны уже сегодня.Мы будем более чем счастливы, если вы поделитесь с нами своими творениями в разделе комментариев ниже. Увидимся!
Возможно, вам будет интересно прочитать эти статьи по теме:
Реклама
11 цветовых схем веб-сайта, которые помогут вам найти идеальную палитру
При создании веб-сайта первоочередной задачей является улучшение цветовой палитры вашего веб-сайта. Лучший способ сделать это — просмотреть существующие веб-сайты и изучить конкурентов, поэтому мы проделали всю работу за вас и составили список из 11 цветовых схем веб-сайтов, которые идеально подходят для каждого бренда.
Но подождите минутку. Что делать, если у вас уже есть цветовая палитра веб-сайта, которую вы хотите использовать? Что ж, конечно, это отличное начало, но важно подумать о том, что вы хотите, чтобы цветовая схема вашего веб-сайта говорила, прежде чем торопиться с чем-либо …
Учет психологии цвета для цветовых схем веб-сайта

—
Возьмите прекрасного художника Йозефа Альберса. Мастер цвета, он посвятил свою практику пониманию цвета и того, как он влияет на настроение зрителя и адаптируется к различным контекстам.Огромная часть его исследований заключалась в изучении различных способов взаимодействия цветов друг с другом. Возьмем, к примеру, его картину ниже: сочетание темно-зеленого и оранжевого цветов вызывает неприятные ощущения, тогда как в сочетании зеленого с серым Альберс создает баланс с гораздо более спокойным, современным настроением для публики.
Взаимодействие цвета. Йозеф Альберс через Phillips
. Подобные выводы можно использовать для информирования при выборе дизайна; они помогут вам выбрать цвета веб-дизайна, подходящие для ваших услуг, и подчеркнут идентичность вашего бренда, чтобы донести его до потребителей.
Этот разговор представляет собой введение в психологию цвета, то есть изучение цветов и того, как они влияют на нас на церебральном уровне. Как показал Марк Ротко со своими одноименными картинами «Цветовое поле», определенные цвета требуют определенной реакции. Итак, когда мы рассматриваем цветовые схемы веб-сайта, важно понимать, как разные тона и оттенки влияют на наше настроение. Например, если бы мы разработали веб-сайт для благотворительной организации в области устойчивого развития, мы могли бы использовать оттенки зеленого и синего, потому что они вызывают чувство доверия, природы и здоровья.
Выбор идеальной цветовой палитры для вашего веб-сайта создает положительное восприятие и доверие потребителей.
Вы можете не только использовать определенные цветовые схемы, чтобы влиять на настроение людей, но также можете использовать их для управления тем, как они воспринимают ваш веб-сайт. Почему именно Facebook всегда придерживался синей цветовой схемы? Неужели это действительно потому, что Марк Цукерберг дальтоник к красно-зеленому, а это значит, что синий кажется ему необычайно ярким? Ну да, но еще и потому, что синий — самый любимый цвет.Фактически, синий цвет присутствует более чем в половине всех логотипов. Имея это в виду, давайте посмотрим на основные психологические принципы всех ключевых цветов:
Красный : скорость, энергия и страсть. Красный — отличный цвет, когда вы хотите, чтобы ваша аудитория начала действовать. Красный часто используется для цветовых схем на веб-сайтах электронной коммерции, а также в ресторанах и приложениях для еды на вынос — когда вы голодны и заказываете еду на вынос, вы страстно хотите, чтобы еда была быстрой!
Оранжевый : оптимизм и счастье.Оранжевый цвет повсеместно считается «забавным» цветом, и его использование в веб-дизайне — отличный способ показать, что вы не относитесь к себе слишком серьезно.
Желтый : тепло, уют, позитив. Цвет солнечного света, желтый ассоциируется со счастьем и радостью. Супер весело и доступно. Это отличный цвет для веб-сайтов в сфере услуг — вы будете рады помочь!
Зеленый: природа и здоровье. Успокаивающий и естественный зеленый цвет — идеальный выбор для цветовой схемы при создании здорового бренда.Зеленый также является отличным выбором для обозначения экологичности и устойчивости.
Синий: самый универсальный и универсальный. Было показано, что синий вызывает чувство доверия, что делает его одним из самых популярных в цветовых схемах веб-сайтов.
Фиолетовый : креативность, мудрость и уверенность. Фиолетовый — это уникальный яркий цвет, который можно использовать в цветовой схеме веб-сайта, поскольку он требует внимания и выделяется.
Розовый : креативность и изобилие.Pink сейчас радуется своей жизни, и больше, чем когда-либо, его принимают люди всех полов и идентичностей, а это означает, что бренды следуют его примеру и внедряют его в различные отрасли.
Коричневый : Целостность, тепло и честность. Коричневый цвет удобен в использовании в веб-дизайне. Это придает веб-сайтам естественную, приземленную атмосферу и часто сочетается с традиционным винтажным дизайном.
Черный: современный, гладкий, нейтральный.Его минимализм отлично подходит для роскошных веб-сайтов; многие косметические бренды выбирают черный цвет в качестве основного цвета, чтобы показать, что их продукт является качественным, что, возможно, поможет вам оправдать такие большие траты ..?
Белый: минимализм, прозрачность. Иногда лучший выбор цвета для минималистичного веб-дизайна — это вообще отсутствие цвета. Белый — нейтральный оттенок, а это значит, что его можно легко комбинировать с другими цветами в целях брендинга. Он в основном используется в качестве цвета акцента или фона.
Серый: зрелость, авторитет.Если у вас более серьезный веб-сайт, серый цвет — отличный выбор, он показывает людям, что вы серьезно относитесь к делу.
Мы только что отправили вам ваш первый урок.
Автор OrangeCrush
11 красивых цветовых схем веб-сайта, которые вдохновят вас

—
Хорошо, кажется, нам нравится приписывать цветам эмоциональные и человеческие черты. Бренды используют эти абстрактные ассоциации для установления эмоциональных связей с людьми, что помогает им привлекать и удерживать больше потребителей или клиентов. Выбирая цветовую палитру своего веб-сайта, вы можете использовать эти ассоциации в своих интересах.Чтобы помочь нам объяснить, мы поискали в Интернете 11 конкретных примеров цветовых схем веб-сайтов в действии:
1. Цвета для продуманных экологически чистых продуктов
При выборе цветовой гаммы для бренда органической конопли есть ли другой выбор, кроме зеленого ?! Помимо экологичности, он является синонимом продуктов из марихуаны, конопли и CBD. Бледные оттенки желтого и овсяного цвета дополняют зеленый цвет конопли, в то время как серьезный характер темно-синего цвета придает уверенности этой цветовой гамме.
зеленая конопля, бледно-лимонная, овсяная и темно-синяя:
Цветовая схема сайта с тонировкой конопли от Tonitrix: # f5eec2 # 416a59 # 39395f # 73a24e # a9c25d
2. Яркие и здоровые цвета
Было бы легко увязнуть в предсказуемо землистых тонах коричневого и зеленого при визуализации экологической идентичности бренда … но вы не должны забывать, что ваша целевая аудитория постоянно находится в поле зрения периферии!
Daye в основном ориентирована на молодых, профессиональных, умных и заботящихся о своем здоровье женщин.Поэтому инновационный бренд выбрал яркую палитру персиковых, оранжевых и зеленых тонов (которая кажется настолько актуальной, что не будет неуместной в вычурном аккаунте в Instagram), чтобы передать современные ценности экологичности и натуральных продуктов.
Бледно-персиковый, апельсиновый, мятный и темно-зеленый:
Эко-тона тысячелетия от Your Daye: # f6c453 # fefbe9 # f0a04b # 183a1d # e1eedd
3. Стильные, тщательно подобранные цветовые схемы
У сирени момент. Полистайте любой современный модный журнал, и вы увидите, как именно этот фиолетовый сочится со страниц в ваш гардероб.Это свежая, мягкая и крутая альтернатива , розовому цвету миллениал, которые мои глаза так много видели, что на него стало больно смотреть.
Цветовая гамма этого веб-сайта электронной коммерции: сиреневый, ржавый и кремовый, мгновенно создает тщательно подобранную атмосферу. Он вызывает доверие у пользователей, показывая, что они, как и они, внимательны, продвигают индивидуальность и идут в ногу с современными модными тенденциями.
Сирень, ржавчина, крем и уголь:
Цветовая схема Contemporary Lilac от Collagerie: # e4ddf4 # 943d24 # fffbf0 # 2d2d2d # 282612
4.Веселые, юные цветовые палитры
Идея создания ботанического цеха под названием «Каменная бумага» сама по себе настолько увлекательна, что нет ничего лучше, чем использовать выбранные ими второстепенные цвета, похожие на детские. На первый взгляд, эта цветовая схема веб-сайта приносит столько радости и волнения, что возвращает вас в школьные годы — точно так же, как это сделала бы творческая мастерская.
нежно-розовый, зеленый, оранжевый и фиолетовый:
Цветовая схема полихроматического веб-сайта от Brent & Jo Studio: # 397754 # f0a3bc # 70be51 # eb6b40 # 9b45b2
5.Цвета для творчества
Контраст неонового синего и первичного желтого кажется невероятным: он выходит за рамки требования быть замеченным, он заставляет мои глаза физически слезиться. Но я почему-то не против. Эта смелая цветовая гамма отражает вынужденную харизму креативного агентства: она смелая, захватывающая, и мне очень нравится с ней работать.
Желтый, неоновый синий и черный:
Контрастная цветовая схема сайта от e2infinity: # 5bccf6 # fcde67 # 030e12
6.Успокаивающие и оптимистичные нейтральные палитры
Сочетание персикового и кремового оттенков создает красивый фон и, вероятно, самый простой аспект приучения малышей к туалету. Почти черная копия легко читается поспешными родителями и менее жесткая, чем абсолютно черная. Упрощенная, приглушенная и легкая, эта цветовая палитра этого веб-сайта вызывает умиротворение.
Персик, сливки и уголь:
Успокаивающая нейтральная цветовая гамма от Lovely Grit Studio: # ef9273 # fef9f8 # 0d0d0d
7.Надежные тона
Оглядываясь назад на нашу теорию цвета, мы видим, что холодный синий пробуждает чувство надежности и доверия к цветовым схемам веб-сайтов: по сути, все, что вы хотите от онлайн-банка.
Бирюзовый, серый, синий, ярко-белый, темно-серый и морской волны:
Надежные бирюзовые тона через N26: # 2b6777 # c8d8e4 #ffffff # f2f2f2 # 52ab98
8. Успокаивающие, но уверенные цветовые схемы
Хотя коралловый и синий — довольно яркие цвета, они смягчаются безмятежными оттенками серого, сиреневого и бледно-розового.Это умная цветовая схема для приложения для медитации, потому что, хотя она успокаивает, она также уверенная (красный) и надежная (синий), которые в совокупности довольно подходят для услуг, связанных с психическим здоровьем и благополучием.
Бледно-розовый, коралловый, серый, сиреневый и темно-синий:
Медитативная цветовая схема Spoon Lancer: # fae5df # f5cac2 # ed7966 # 303179 # 141850
9. Современные модные цветовые схемы
Purple возвращается на бис, так как на этот раз лиловый сочетается с мятой и апельсином.Эти цветовые схемы повсюду в мире иллюстраций Instagram и модных интернет-магазинов. Хотя они довольно мягкие и скромные, они создают прилив современной энергии, достаточно универсальный, чтобы проникнуть в брендинг любой отрасли.
Фиолетовый, лиловый, мята и апельсин:
Via Saluto: # 5f2c3e # d1adcc # c2d2bd # c65032 # f6e9d7
10. Веселая и благотворительная цветовая палитра
.
Эта некоммерческая организация из Нью-Йорка использует пастельный синий и зеленый цвета с акцентом на желтом, чтобы проиллюстрировать юношеское, радостное отношение к детям, поскольку они стремятся учить детей правильному питанию и предоставлять медицинские услуги школам.В этой цветовой гамме они выглядят искренними, позитивными и заботливыми.
Синий, желтый, шалфейный и белый:
Веселые некоммерческие цвета от Lovely Grit Studio: # 1b4d89 # f9e45b # 6db784 #ffffff
11. Яркие и эмоциональные цветовые схемы
Для бренда, основной задачей которого является обсуждение и поддержка аудитории, испытывающей трудности с фертильностью, жизненно важно привлечь внимание к своему бренду. Он должен быть заслуживающим доверия, но не снисходительным, вызывающим и в то же время чувствительным.Нежная теплота розового по сравнению с более сильными оттенками фуксии и нефрита отражает разнообразие чувств, переживаний и людей, для которых существует этот бренд: он целостный, всеобъемлющий и не боится бороться с любыми эмоциями.
Пудрово-розовый, фуксия и нефрит:
Цветовая схема Fuschia и Green для Fertility Tribe от Lovely Grit Studio: # eddcd9 # f2ebe9 # de5499 # 264143 # e99f4c
Начинается поиск цветовых схем для веб-сайтов

—
Будь то новый диван, помада или велосипед, выбор правильного цвета может оказаться довольно сложной задачей.Если вы пытаетесь запустить веб-сайт, все становится сложнее. Вы должны оценить психологическое и культурное значение различных цветовых палитр веб-сайта и то, как это повлияет на восприятие вашего бренда.
К счастью, для этого не нужна степень. Изучите теорию цвета, выбор цвета веб-сайта ваших конкурентов и не бойтесь экспериментировать с границами: в случае успеха это может стать разницей между выбором между вашим брендом и остальным рынком.Когда вы думаете об этом, волшебство цветов заключается в том, что мы буквально окружены ими: вдохновляющая часть начинается, когда вы открываете глаза и смотрите по сторонам.
Ищете единственную в цветовой гамме?
Позвольте нашим дизайнерам подобрать ваши оттенки.
Эта статья была первоначально опубликована в 2017 году и написана Диной ДеБара. Он был дополнен новой информацией и примерами.
50 цветовых схем веб-сайта и способы их использования
Этот пост последний раз обновлялся 9 сентября 2021 г.
Есть много способов создать веб-сайт, который выделяется в Интернете, в том числе выбор уникальной цветовой схемы. Создаете ли вы блог, интернет-магазин, персональный веб-сайт или что-то еще; Палитра вашего веб-сайта — это первое, что заметят посетители, и она произведет неизгладимое впечатление.
Имея множество вариантов, как определить идеальные оттенки для своего собственного веб-дизайна? При планировании основных («доминирующих»), дополнительных и акцентных цветов для вашего сайта учитывайте:
Настроение, которое вы хотите передать на своем сайте. Психология цвета говорит нам, что каждый оттенок может вызывать разные эмоции и вызывать ассоциации с прошлым опытом.
Какие цвета отражают ваш брендинг. Если необходимо, выберите палитру, которая уже представляет ваш бренд, например цвета, используемые при создании собственного логотипа.
Чтобы определить правильное сочетание оттенков, вы можете воспользоваться помощью генератора цветовой палитры. Мы также рекомендуем просматривать действующие веб-сайты в поисках вдохновения, чтобы увидеть, как они применяют цветовые комбинации.В этой статье мы обсудим дизайн 50 пользователей Wix (выбранных вами лично), чьи цветовые схемы на веб-сайтах производят сильное визуальное впечатление.
50 цветовых схем веб-сайта
01. Смелые и смелые
Designers Boot Camp организует выездные резиденции для профессионалов своей отрасли. Взрыв цвета создает настроение для потенциальных участников при входе на их веб-сайт. Яркий коричневый контраст с дерзкими желтыми, розовыми и зелеными элементами создает игривую атмосферу, которая обязательно заставит посетителей течь творческими соками.
02. Шикарный, роскошный и страстный.
Дизайнер интерьеров Вероника Соломон создала яркую идентичность бренда, используя роскошную цветовую гамму. Черная, серая и золотая палитра сочетается с сенсационным розовым, чтобы представить шикарный подход Соломона к дизайну. Цветовая палитра веб-сайта Соломон, объединенная с изображениями из прошлых проектов, проливает свет на ее страсть и неповторимый стиль.
03. Ночные шторы
В качестве консультационной службы по вопросам питания и образа жизни Somni уделяет особое внимание клиентам, работающим в ночную смену.Темный веб-сайт Somni воплощает эту уникальную нишу, используя глубокие оттенки черного и серого, чтобы задать успокаивающий тон. Темно-синий, верблюжий коричневый и другие ночные оттенки вплетены в эстетику, в результате получилась интересная цветовая гамма сайта и хорошо сбалансированная композиция.
04. Вишнево-красный
Вишнево-красная палитра Ruby Love идеально подходит для создания привлекательного дизайна. В этом случае классическая цветовая схема веб-сайта соответствует бренду компании. Сайт Ruby Love — это интернет-магазин запатентованного износостойкого нижнего белья, который олицетворяет женственность, любовь и женскую гигиену, поддерживая дальновидные продукты основательницы Кристал Эттьен.
05. Мечтательные оттенки заката
Мечтательный фон создает основу для цветовой схемы веб-сайта Buzz Shirts, вдохновляя спектр оттенков, извлеченных из изображения заката. Визуализация не слишком отвлекает, особенно в сочетании с черными элементами и заметной галереей, которые помогают выделить наиболее актуальную информацию и призывы к действию.
06. Вспышка цвета
Использование градиентного фона на фоне вашего веб-сайта может задать тон для цветовой палитры с широким диапазоном.В случае Foodie Marketing всплеск розовых и оранжевых оттенков создает прохладный контраст бирюзового, синего и зеленого лайма. Белый логотип, текст и кнопки добавляют профессиональный штрих к яркому настроению сайта.
07. Нежный и аккуратный
Дизайнер и иллюстратор Айви Чен создала необычное сочетание ярко-красного и бледно-розового. Интернет-портфолио Чена включает идеальную дозировку каждого оттенка: более светлый используется в качестве основного цвета сайта, а красный — в качестве акцента с использованием тонких линий и мелкого шрифта.Белые поля обрамляют каждую страницу, объединяя цветовую схему дизайна.
08. Естественный и бодрящий
Miko Design использует мягкие оттенки цвета с большим количеством белого пространства на главной странице своего веб-сайта. Макет сетки используется для размещения блоков цвета, изображений и текста, используя нежные оттенки розового и зеленого среди более естественных оттенков для создания воодушевляющей атмосферы.
09. Электрическая палитра
Портфолио дизайнеров Audrea Wah выделяется из толпы благодаря яркой цветовой гамме флуоресцентных ламп на ее сайте.На черном фоне неоново-зеленый, синий и розовый оттенки создают привлекательный эффект.
10. Очаровательный розовый и насыщенные оттенки
Дизайнер и арт-директор Брук Каваллеро задает захватывающее настроение на своем веб-сайте портфолио, выбирая цветовую схему из насыщенных зеленых и очаровательных розовых оттенков. Уникальная типографика сайта с засечками выделяется, но только дополняет привлекательные фотографии в ее галерее работ.
11. Поп-цвета в стиле ретро
Веб-сайт портфолио Денниса Кравека доказывает, как кажущиеся «конфликтующими» цвета могут работать вместе, создавая привлекательный дизайн.Он предпочел ретро-оттенки розового в сочетании с неоново-голубым, желтым, зеленым и оранжевым. Эта смелая комбинация хорошо работает благодаря последовательной и тщательно продуманной компоновке веб-сайта.
12. Футуристические градиенты
Градиенты определенно в моде, и Дефне Кайнак освоила эту тенденцию веб-дизайна на своем сайте. Элегантные темные тона сливаются с белыми элементами и яркими оттенками синего, желтого и зеленого, создавая яркий образ. Для веб-сайтов с темным фоном можно использовать контрастные яркие цвета, чтобы добавить баланса и выделить определенные элементы.
13. Яркий и бесстрашный
Цветовая схема веб-сайта Рошини Кумар гласит: «больше значит больше» и бесстрашна, как и ее личная миссия. Сайт художника, влиятельного лица и активиста изобилует яркими оттенками розового, синего, желтого, а иногда и зеленого. Смелая палитра Кумар работает благодаря единообразию яркого текста, изображений и узоров, вдохновленных 90-ми годами на ее сайте.
14. Землистый и минималистичный
Керамическая студия Noni São Paulo цветовая палитра идеально отражает их бренд и продукцию.Теплые оттенки коричневого и другие землистые оттенки интернет-магазина сочетаются с красиво оформленными кружками студии. Светло-синий фон дополняет естественные оттенки в сочетании с эффектами параллаксной прокрутки, чтобы сайт выглядел профессионально и качественно.
15. Динамический желтый с черным
Дизайнер Сара Стерн использует динамический желтый цвет в качестве основы для цветовой схемы своего веб-сайта. В сочетании с яркими черно-белыми элементами и галереей работ Стерна онлайн-портфолио обладает острой эстетикой.В общем, выбор черного, белого и одного яркого цвета — хороший вариант, если вы хотите, чтобы все было профессионально, но интересно.
16. Золотые оттенки
Золотые оттенки на сайте фотографии Джен Пирс вызывают ощущение класса и элегантности. Фотогалерея Пирс, естественно, дает ее сайту золотую основу. В сочетании с элементами белого и коричневого тонов получается нежная и нежная цветовая гамма.
17. Пурпурный с оттенками серого
Шотландские оптовики кофе, Unorthodox Roasters, придерживаются современной цветовой схемы веб-сайтов, которая соответствует их бренду.Они создали привлекательный контраст, используя естественные оттенки фонового изображения в сочетании с ярким пурпурным цветом их логотипа и значка, а также детали навигации в стратегическом черно-сером цвете.
18. Кобальтовый синий
Фуд-блогер Дэн Пелоси выбирает яркий и чистый кобальтовый синий с белой цветовой схемой. Четкий контраст помогает выделить детали его веб-сайта, обеспечивая четкий и доступный дизайн веб-сайта. Добавляя в смесь ярко-красный цвет в качестве привлекательного цвета для наведения и акцента, Пелоси предлагает нам погрузиться в его блог и любимые домашние рецепты.
19. Бесплатные пастельные тона
Чтобы создать визуальную гармонию в красочном мире визуального дизайнера Линды Чжоу, ее веб-сайт использует два цвета — пастельный фиолетовый и темно-зеленый — для основных элементов сайта. Чжоу доказывает, что пастель может дополнять яркую цветовую схему, чтобы сайт не выглядел слишком загруженным.
20. Освежающий и естественный
В сочетании с естественной обстановкой ее фонового видео органические оттенки, использованные на сайте консультанта по питанию Микаэлы Рубен, создают действительно освежающую цветовую палитру.Минимальное использование черного сохраняет атмосферу здоровой и гостеприимной, что прекрасно отражает профессиональную репутацию Рубена, которая делает здоровую пищу вкусной (и наоборот).
21. Теплый с холодными оттенками
Веб-сайт дизайнера Иларии Бонарди включает минимальное количество цвета для максимального эффекта. Верхняя часть ее интернет-магазина украшений — темно-синяя и белая, на фоне ее красочных фотографий продукта, что гарантирует, что ее дизайн будет выделяться. Она объединила холодный оттенок синего с теплым оранжевым — два дополнительных цвета, которые особенно хорошо сочетаются друг с другом.
22. Осенние оттенки
Яркая цветовая гамма Neighborhood Provisions мгновенно создает уютную осеннюю атмосферу для этого веб-сайта службы доставки еды. Осенние оттенки оранжевого, коричневого и бежевого привлекают внимание посетителей, создавая приятные впечатления от просмотра их любимых блюд и продуктов.
23. Глубокий и мистический
IAMEVE создала яркую цветовую схему для своего музыкального сайта. Диапазон пурпурных оттенков, используемых на всем сайте, выражает роскошь и загадочность, прекрасно представляя гипнотические звуки музыканта.В сочетании с драматическим полноэкранным градиентом и яркими изображениями вся композиция создает мистический эффект.
24. Прохладный и освежающий
От своего логотипа до меню навигации и окна чата Wix продуктовый интернет-магазин Verde Market выбрал прохладную палитру с различными оттенками зеленого и синего. Эффект от цветовой схемы этого веб-сайта является высокопрофессиональным, и его можно легко объединить с несколькими дополнительными оттенками (например, оранжевым цветом Верде), чтобы сделать сайт более динамичным.
25.Веселый и профессиональный
Кейтеринговая компания Clever Chefs использует смелые, веселые цвета, создавая веселую атмосферу, сохраняя при этом профессиональный вид. Огромные пустые пространства, черный текст и четкие формы помогают сохранить яркий дизайн веб-сайта сбалансированным, читаемым и легким в навигации.
26. Классическое двухцветное комбо
Все работы керамистки Валерии Монис выполнены всего в двух цветах — королевском синем и белом. Она разработала весь свой веб-сайт соответствующим образом, выбрав чистый белый фон и темно-синий текст.Если вы выберете такую минималистичную цветовую палитру, вы всегда можете аккуратно добавить третий оттенок, чтобы смягчить эстетику. В этом случае Валерия добавила бледно-голубой фон, который едва заметен, но помогает добавить разнообразия.
27. Восхитительные детали
Портфолио иллюстратора Дженнифер Сяо отличается яркой цветовой палитрой и очаровательными деталями. Она использует широкий спектр восхитительных цветов — сочетание нежно-розового с желтым, красным, пурпурным, бирюзовым и другими оттенками. Игривый вид уравновешен тонкими черными линиями и большим количеством белого пространства.
28. Свет и умиротворение
Художница Эллен фон Веганд выбрала классическое цветовое сочетание, используя мутный светло-серый оттенок, чтобы очертить собственную галерею мирных оттенков. Белый фон разделяет приглушенные синие и естественные зеленые тона веб-сайта, обеспечивая контраст этим сдержанным элементам.
29. Креативная и оптимистичная
С первого взгляда на цветовую схему веб-сайта Бхрови Гупты становится ясно, что она полна творчества и умеет создавать хороший дизайн.Яркие градиенты и изображения вызывают оптимизм, создавая интригующее настроение, когда мы прокручиваем дальше вниз по сайту ее портфолио.
30. Удивительно поразительно
Вместо типичной монохромной палитры подумайте о добавлении удивительного отображения цвета, как это сделал графический дизайнер Стивен Брэдбери. Он выбрал гладкую основу из черного и белого с яркими пятнами морковно-оранжевого цвета, раскрытыми с помощью сдержанной анимации.
31. Летние ретро-оттенки
Дизайнер Трейси Турко определенно любит цвета.Вместо твердого фона для веб-сайта она использовала яркий узор с летними оттенками, который дополняет ее уникальную работу. Эта цветовая палитра на 100% выполнена в стиле ретро, с оттенками красного, розового, оранжевого и желтого. Цвета сочетаются друг с другом, создавая веселый и энергичный подход.
32. Эффектный черный фон
Черный фон может иметь большое значение в дизайне веб-сайтов, и многопрофильный дизайнер Тиффани Круз это правильно сделала. Темный фон выделяет ее яркое портфолио, привлекая внимание посетителей к главному событию.
33. Резкий контраст
Если вы хотите, чтобы ваш дизайн был простым и эстетичным, вы всегда можете выбрать абсолютно черный и белый плюс один цвет. В этом примере Modern Bakery создает уникальный веб-сайт с несколькими оттенками. Минималистичная палитра приглушенных желтых оттенков с контрастным черным дополняет аппетитный внешний вид магазина рогаликов.
34. Монохромный и металлический
Студия цифрового дизайна Extraweg от Оливера Латта сочетает монохромный розовый спектр своего веб-сайта с металлическим оттенком, создавая сюрреалистическую эстетику.Если вы выбираете монохромный вид, использование различных тонов и текстур — хорошая практика для достижения визуальной иерархии и глубины.
35. Акцентные цвета молодости
В то время как динамичные визуальные эффекты на фитнес-сайте тренера Донны Гавриэль демонстрируют широкий спектр занятий и мероприятий, основная цветовая палитра остается единой. Эти молодые оттенки, в основном состоящие из ярко-розового и королевского синего, выделяются на фоне и дополняют галерею изображений.
36. Современный и игривый
Арт-директор Мариэла Мескита разработала цветовую схему веб-сайта с ярко выраженным современным влиянием.Она выбрала уникальную палитру пастельных и ярких тонов в сочетании с хроматической смесью абстрактных форм. Результат — новаторский и игривый, но при этом профессиональный благодаря основному черно-белому тексту.
37. Синее море
Креативное агентство By Experience использует освежающее море голубых тонов в цветовой палитре своего сайта. Яркий синий фон идеально сочетается с голубыми изображениями и белым текстом сайта, создавая эффективный и унифицированный внешний вид.
38. Заманчивое разнообразие
Когда дело доходит до еды, цвет играет ключевую роль. Шеф-повар Жан-Франсуа Бюри экспериментирует с контрастом черного и белого, а также с соблазнительно свежими цветами в своей фотографии еды. Яркие цвета на темном фоне действительно бросаются в глаза, делая мизанс-место почти захватывающим.
39. Пастельные тона
Компания по производству пищевых продуктов CBD OK Drugs реализовала для своего веб-сайта тему теплых и мягких цветов. Различные цвета имеют одинаковый уровень тональности, поэтому они хорошо сочетаются друг с другом.Для контраста они добавили черный текст и бледный заголовок веб-сайта, которые выделяются на фоне теплого оранжевого цвета и ярких изображений.
40. Мрачно и романтично
Глубокие тона на веб-сайте кинорежиссера Мо Наджати создают романтическую атмосферу. Мозаика из кадров фильма создает сцену для посетителей, напоминающую темную обстановку кинотеатра, где посетители играют роль музы. Большой белый текст добавляет контраст мистической цветовой схеме, чтобы сайт Наджати был удобочитаемым и доступным для просмотра.
41. Аппетитные оттенки
Нейтральный фон выдвигает на первый план изображения сладких творений Bubble Wrap. Чтобы еще больше привлечь наше внимание, веб-сайт ресторана дополнен спектром красных акцентных цветов для контраста и глубины. Преднамеренно или нет, но красный цвет усиливает аппетит и часто является популярным выбором для интерьеров ресторанов.
42. Эклектичный и сбалансированный
Многопрофильный директор по дизайну Лирон Ашкенази сочетает свои яркие работы с столь же эклектичной цветовой схемой на своем веб-сайте портфолио.На эстетику сайта влияет присутствие индиго и земных тонов во всех ее работах. Черные, белые и серые элементы придают сайту баланс, способствуя увлекательному просмотру посетителей.
43. Яркий и жизнерадостный
Смелый выбор розового, красного и розового на оранжевом на сайте доставки пиццы Magic John сразу вызывает положительные эмоции, особенно в сочетании с классными текстурами и анимацией. В дополнение к этой очень яркой цветовой гамме они выбрали дополнительный цвет кобальтово-синий, а не черный, чтобы тон был дружественным и доступным.
44. Морская палитра
Используя морскую цветовую палитру в дизайне своего веб-сайта, точная цветовая схема Manalulu состоит из слоев освежающего синего и успокаивающего зеленого цветов. Яркие фотографии их продуктов в сочетании с океанскими волнами и изображениями растений сильно выделяются на мягком градиентном фоне — и являются веским аргументом в пользу их экологически чистых продуктов.
45. Женственная и устойчивая
HEReroines Inc. — некоммерческая организация, миссия которой заключается в расширении прав и возможностей женщин.Оттенки их веб-сайтов отражают это, обеспечивая широкий спектр упругих женственных оттенков. Подход к цвету без каких-либо ограничений эффективен для создания отличного дизайна, который задает положительный тон для организации.
46. Нейтрально и элегантно
В этом минималистичном портфолио фотографий Хиллари К. каждый оттенок идеально соответствует элегантной цветовой палитре ее веб-сайта. Общий тон светлый — с бледно-розовыми, серыми и коричневыми оттенками. Обширное использование белого пространства также добавляет оригинальности макету веб-сайта Хиллари, позволяя выделить достаточно места для выделения как цветных, так и черно-белых фотографий.
47. Основные цвета с игривым поворотом
Хотя основные цвета могут показаться базовыми, вы можете поиграть с множеством элементов, чтобы создать элегантный дизайн. Графический дизайнер Тата Реско поступила именно так, выбрав ретро-тона: яркий красный, желтый и зеленый в сочетании с черным. Общая эстетика — шик, но при этом сохранена легкая игривость.
48. Уникальные комбинации
Необычная палитра, выбранная дизайн-студией Extra и Ordinary, выделяет их сайт.Представляя уникальную коллекцию работ, уникальная цветовая гамма сливается с интригующими продуктами, создавая сильное ощущение творчества. Понятно, что каждая деталь была целенаправленно размещена в этом стильном дизайне.
49. Органичность и утонченность
Студия дизайна интерьеров Aurelia Petitet реализовала тонкий подход к цвету. Землисто-зеленый фон уравновешен кораллово-розовыми акцентами, которые повторяются во всем меню сайта, кнопках и других мелких деталях. Галерея изображений, в которой выделяются такие материалы, как дерево, придает сайту тактильные качества.
50. Цветовая гамма
Дизайнер и художник Дэвид Милан использует минималистичную цветовую схему. Играя со светом и тенью, он создает палитру из широкого диапазона оттенков серого, от темного до светлого. Чтобы встряхнуть его, детали сайта сочетаются с ярким лимонно-желтым цветом, который добавляет яркости теме с преобладанием оттенков серого.
Автор Jenna Romano
Писатель и эксперт по веб-дизайну
7 удивительных цветовых схем веб-сайта 2021 + Color Mood Board
Цветовые схемы веб-сайта оказывают большее влияние на убедительность вашего веб-сайта, чем большинство компаний хотели бы признать.
«Это просто вычурное дополнение»
«Давайте просто воспользуемся цветами, которые мы использовали в прошлый раз».
«Позвольте генеральному директору или руководству изменить это так, как они хотят».
Ниже мы расскажем, почему цветовые схемы имеют значение, и дадим вам 58 цветовых схем веб-сайта на 2020-2021 годы!
Самое безумное то, что цветовая схема имеет большее значение, чем вы думаете, а связная и привлекательная цветовая схема — один из главных аспектов веб-дизайна, который сделает ваш сайт БОЛЕЕ ПРИВЛЕКАТЕЛЬНЫМ + КРАСИВЫМ ДИЗАЙНОМ (Шаг первый — Шаг второй = Получите больше трафика Поисковая оптимизация.)
38 процентов посетителей перестанут взаимодействовать с веб-сайтом, если его содержание или макет непривлекательны. (Blue Corona)
Если дать 15 минут на просмотр контента, две трети людей предпочтут прочитать что-то красиво оформленное, чем что-то простое. (Источник: Adobe, Social Media Color)
8 новых цветовых схем на 2021 год
Color Mood Board на 2021 год
Вот исходный пост! Цветовые схемы веб-сайта 2020-2021
Обновление лета 2020 года — 13 новых цветовых схем веб-сайта на 2020 год
1.Минимальные цвета, мягкий пляж Думинды Перера
2. Минимальные цвета — пурпурная цветовая схема 90-х годов Думинда Перера
3. Яркая сила Думинды Перера
4. Переосмыслить. Цветовая схема от Sajon
5. Цветовые схемы Глобального благотворительного веб-сайта от Cuberto
6. Цветовые схемы веб-сайта о банках и финансах от Juliene Renvoy
7. Интенсивная зеленая, синяя и красная цветовая схема
8. Белое пространство, загар, фиолетовый, желтый цвет схема сайта
9. Глубокий синий и коричневый — цветовая палитра
10.Цветовая схема желто-коричневого, розового и красного
11. Розовая, зеленая и фиолетовая цветовая схема веб-дизайна иллюстраций
12. Яркая и красочная — схема на 2020 год
13. Желтый, красный / розовый / оранжевый — Яркая схема
2019 Цветовые схемы веб-сайта:
Часть вторая — Наблюдения за взаимодействием и цветом в контексте
Часть третья — Об отсутствии цвета и хорошо выполненных монохроматических цветовых схемах
Часть четвертая — О взаимодействии типографики и цвета
Несколько слова поддержки
Часть пятая — Что такое современная цветовая палитра?
5 лучших генераторов цветовых схем для веб-сайтов, которые помогут вам начать работу
Часто задаваемые вопросы о цветовых схемах веб-сайтов
8 новых цветовых схем на 2021 год
Цветовые схемы веб-сайтов на 2021 год — будут включать много использования фотографии для закрепления цветовая схема — множество фигурных вырезов из белого и всплеск таких же ярких цветов, которые привлекают внимание, но затем погружают вас в более глубокие — естественные цвета с использованием земных тонов и более глубоких оттенков.
Во-первых, вот несколько прогнозов цветовых тенденций в 2021 году, основанных на модных дизайнерах и компаниях по производству красок:
1. Инфракрасный и фиолетовый
Ярко-красный: # DE354C
Deep Red: # 932432
Чистый фиолетовый: # 3C1874
Пурпурный с оттенком серого : # 283747
Облако: # F3F3F3
2. Земляной красный и зеленый
Красный выделение: # B73225
Синий : # 004E7C
Бордовый 6: # 591COB
Серая вода: # 5C5F58
Светло-серый: # DCE1E3
3.Цветовая схема веб-сайта Tan + Green 2021, Gatto Web
Загар для макияжа: # DDAF94
Румяна: # E8CEBF
Бесплатный зеленый: # 266150
Темное выделение: # 4F4896
Светло-белый: # FDF8F5
4. Классическая двойная синяя цветовая схема
Темно-синий: # 12232E
Светло-синий: # 007CC7
Самый светлый синий: # 4DA8DA
Тень темно-синего: # 203647
Тень светло-синего: #EEFBFB
5.Оттенки серого + один (желтый) 2021 Цветовая схема веб-сайта
Черноватый: # 202020
Темно-серый: # 3F3F3F
Средний серый: # 707070
Яичный желтый: # FF14D 906C
Белый: #FFFFFF
6. Цветовая схема веб-сайта Greenery + Gradients 2021 от Анны Сеньковой
Темно-зеленый: # 164A41
Средний зеленый: # 4D774E
Светло-зеленый: # 9DC88D
Естественный желтый: # F1B24A
Белый: #FFFFFF
7.Цветовая схема веб-сайта Greenery + Pearl 2021 от Delightful Designs
Olive: # A3BCB6
Зеленый лист: # 39603D
Коричнево-серый: # 3C403D
Tanly:
ADED8 : #FFFFFF
Color Mood Board для 2021 года
Надеюсь, вам понравились эти цветовые схемы для веб-сайта и цветовые схемы для веб-сайта 2021 года.Я знаю, что собрать его воедино было очень весело — и, хотя в нем мало слов, на его составление ушло немало времени.
Вот оригинальный пост! Цветовые схемы веб-сайта 2020-2021
Веб-дизайн может быть забавным!
Особенно при правильной цветовой гамме.
Вот почему мы собрали самые лучшие из лучших 50 эпических цветовых схем из далеких уголков Dribbble, Awwwards, Pinterest, Behance и пары отличных блогов.
После того, как вы найдете цветовую палитру своей мечты — ознакомьтесь с нашими статьями «Основы аналитики», «Основы SEO» и «Современные шрифты», чтобы и дальше делать свой сайт потрясающим. И, конечно же, дайте нам знать, сможем ли мы когда-нибудь помочь вам с нашими услугами по дизайну веб-сайтов для малого бизнеса!
Обновление лета 2020 года — 13 новых цветовых схем веб-сайта на 2020 год
1. Минимальные цвета, мягкий пляж от Думинды Перера
Ярко-синий: # 51e2f5
Сине-зеленый: # 9df9ef
Пыльно-белый : # edf756
Pink Sand: # ffa8B6
Dark Sand: # a28089
2.Минимальные цвета — пурпурная цветовая схема 90-х от Думинды Перера
Ледяной холод: # a0d2eb
Фиолетовый мороз: # e5eaf5
Средний фиолетовый: # d0bdf4
Фиолетовая боль: # 8 Heavy Purple: # a28089
3. Яркая сила Duminda Perera
Yass Queen: # ff1d58
Sister Sister: # f75990
Crown Yellow: # fff68896
Blue Light
: # 00DDFF
Брутальный синий: # 0049B7
4.Переосмыслить. Цветовая схема Sajon
Ярко-оранжевый: # ff1e00
Тускло-синий: # e8f9fd
Предупреждающий / выделенный зеленый: # 59ce8f
5. Цветовые схемы
Global Charity Website
Cuberto
Ярко-оранжевый Номер 2: # f43a09
Дедушка Оранжевый: # ffb766
Серый Синий Зеленый: # c2edda
Живой Зеленый: # 68d388
6.Цветовые схемы веб-сайта «Банки и финансы» от Juliene Renvoy
Pinky: # fbe3e8
Blue Greeny: # 5cbdb9
Teeny Greeny: # ebf6f5
7. Интенсивный красный, синий и синий цветовая схема
Ярко-зеленый: # beef00
Электрический красный: # ff0028
Глубокий зеленый: # 657a00
Синий Power: # 1400c6
8.Белое пространство, загар, пурпурный, желтый цвет схема веб-сайта
Фоновый загар: # fceed1
Purple-y: # 7d3cff
Желтые перчатки: # f2d53c
Рыжий: # c80e13
9. Deep blue and tan — цветовая палитра
Sand Tan: # e1b382
Sand Tan Shadow: # c89666
Night Blue: # 2d545e
Night Blue Shadow: # 12343b
10.Цветовая гамма: желто-коричневый, розовый и красный
Ragin Beige: # fff5d7
Coral Pink: # ff5e6c
Sleuthe Yellow: # feb300
Pink Leaf: #ffaaab
, Зеленая и Фиолетовая цветовая схема веб-дизайна иллюстраций
Grassy Green: # 9bc400
Purple Mountains Majesty: # 8076a3
Misty Mountain Pink: # f9c5bd
Factory Stone Purple: # 7c677f
12.Яркий и красочный — схема для 2020 года.
Green Treeline: # 478559
Фиолетовая базовая линия: # 161748
Розовая подсветка: # f95d9b
Bluewater при слабом освещении: # 39a0ca
13. Желтый , Красный / Розовый / Оранжевый — Яркая схема
Желтый фон: # ffde22
Розовый / Красный круг: # ff414e
Оранжевый круг: # ff8928
Наложение белого: #ffffff
2019 Цветовые схемы веб-сайта:
1.В стиле 70-х — современная цветовая палитра
Mountain Shadow Blue: # 101357
Old Makeup Pink: # fea49f
Goldenrod Yellow: # fbaf08
Bluebell Light Blue : # 00140a0
Полужирный зеленый 2019: # 007f4f
2. Голубой-фиолетовый — простая палитра веб-цветов
Голубой свет: # 51d0de
Молния-фиолетовый: # bf4aa8
Белый морщин мозга: # d9d9d9
3.Синий металлик, пурпурный, красный — Цветовая палитра веб-сайта
Синий эскимо: # 0f2862
Redline: # 9e363a
Purple Shadow: # 091f36
Серый синий лист: # 4f5f76 900 4. Apricot Avalanche — Цветовые схемы веб-дизайна
Blueberry: # 6B7A8F
Apricot: # F7882F
Citrus: # F7C331
Apple Core: # DCC7AA.Сильный контраст и надежность
Левый синий: # 1561ad
Правый синий — приглушенный: # 1c77ac
Сине-зеленый: # 1dbab4
Красно-оранжевый: # fc5226
6. Классическая цветовая палитра веб-сайта «Красное золото»
Краснее, чем вы: # ff3a22
Золотые лоты: # c7af6b
Темное золото: # a4893d
Серебряный язык: # 628078
7.Утонченная и сочная цветовая гамма паутины
Едва зеленый: # acb7ae
Коричневые рубашки: # 82716e
Светло-коричневый: # e4decd
Светлый: #
b490graphic 8.graphic Память
Зеленая гора: # 3d7c47
Голубая гора: # 09868b
Голубой фон: # 76c1d4
Едва серый край: # f7f7f7
9.Футуристический Lightbrite
Серый серебристый: #bccbde
Lightsaber Blue: # c2dde6
Фиолетовый: # 431c5d
Оранжевый: # e059415
Yellowbrite. Trapper Keeper Red & Purple
Painful Red: # eb1736
Фиолетовый 35 лет: # 5252d4
Светло-фиолетовый градиент: # 7575dd
Тень Purple Red: # 781a44
11.Бутерброд с пасхальным яйцом
Зеленый: # 8bf0ba
Иронический блюз: # 0e0fed
Синий Подчиненный: # 94f0f1
Pinky Ring: # f2b1d8
#
fd # f2b1d8 900gg
fd 908
Ищете опытную команду веб-дизайнеров? Ниши веб-дизайна, которые мы обслуживаем: Сантехника, HVAC, Строительство и Кровля. От HVAC ведет к строительному подрядчику — мы делимся всеми идеями в нашем блоге!
Оригинальный набор цветовых схем сайта:
1.Интеллектуальная небрежность
Голубой зеленый: # 6ed3cf
Мягкий фиолетовый: # 9068be
Вкусные восьмидесятые Серый: # e1e8f0
Насыщенный красный: # e62739
Веб-палитры
, найденные в модных цветовых палитрах от Awwwards
2. Extra Snug
French Laundry Blue: # 3a4660
Комфортный загар: # c9af98
Peachy Kreme: # ed8a63
Коричневый капот: # 814007 9007 на рубашке Desi от Филипа Дуэскау на Behance
3.Dark Horse
Я желтая?!: # feda6a
Silver Fox: # d4d4dc
Deep Matte Grey: # 393f4d
Dark Slate: # 1d1e22
Найдено на винтажных дисках Концепция Creativa Studio на Dribbble
4. Сонно-зеленые полосы
Simpler Lime Green: # 7dce94
Scuffed Dark Grey: # 3d3d3f
Vanilla Grey: # f6f5f3
h : # f9f8fd
Найдено на веб-сайте Книги джунглей Watson D / G для Disney
5.Драгоценные металлы
Розовое золото: # bd8c7d
Мягкое золото: # d1bfa7
Серебро: # 8e8e90
Оникс: # 49494b
На сайте Soc 6 Design Branding от компании Socio Design Branding . European Bodies
Yellow Hand: # fbf579
Lonely Blue: # 005995
Стационарный розовый красный: # fa625f
Purpled: # 600473
Найдено на сайте Вдохновение Mind Sparkle Магазин
7.Простые блестящие акценты
Красный наложенный: # cd5554
Коричневый на снимке: #
a
Водорослевой зеленый: # 00c07f
Heritage Blue: # 313d4b
Sparkile Mag
Все еще хотите большего? Оцените удивительные возможности Mind Spark Mag и просмотрите потрясающие примеры. Такой отличный куратор современного веб-дизайна, часто вдохновленного швейцарцами.
Часть вторая — Наблюдения за взаимодействием и цветом в контексте
Элементы цвета важны не только в том, как они сочетаются с другими дополнительными оттенками, но также в количестве и размещении по отношению к этим другим цветам и в том, как они соотносятся к другим узорам и фотографическим элементам рядом с ним и в других местах на сайте.В этом разделе я поделюсь / буду курировать веб-сайты с красивыми цветовыми схемами, шестнадцатеричными кодами и просто краткую заметку о том, почему используемый цвет также работает в контексте.
8. Синий красный
Deep Red: # b11a21 — В наложении, наложенном на плоский синий, фотографический фон придает глубину.
Зажигалка красный: # e0474c — Улыбающееся лицо, проходящее сквозь красный цвет, делает его ярким.
Blue Beans: # 7acfd6 — плоский синий цвет создает контраст с фотографией за красным.
Light Classy Grey: # f1f0ee — Простой светло-серый цвет используется для обеспечения глубины позади более поздней части фотографии, а внизу — белый.
Найдено на веб-сайте Вдохновение от Mind Sparkle Mag
9. Солнечное и спокойное
Утреннее небо: # CAE4DB — Никогда не недооценивайте цветовую палитру, созданную по фотографии, чтобы задать тон вашему дизайну.
Мед: # DCAE1D — в этом случае палитра устанавливается вместе с фотографией, а затем отображается в субтитрах.
Cerulean: # 00303F — Cerulean невероятно классный как черная или темно-серая альтернатива, если используется постоянно во всем.
Mist: # 7A9D96 — Этот чистый, естественный цвет хорошо виден на фотографии, но также может быть использован на нижнем блоке или кнопках во всю ширину.
Найдено на Canva Цветовые схемы на вдохновляющем веб-сайте.
9. Темный и оранжевый
Темно-серый: # 393939 — Темный дизайн требует немного большей предусмотрительности, но при правильном использовании может обеспечить массу контраста.
Deep Orange: # FF5A09 — с разными оттенками апельсина, есть глубина и градиент, не отваживаясь на совершенно новые цвета.
Светло-оранжевый: # ec7f37 — Использование иллюстративных элементов требует некоторой гибкости для естественной легкости и темноты для контуров объектов.
Оранжевый Желтый: # be4f0c — Использование на цветовом круге поверх цвета может сделать палитру стильной, жирной и сдержанной.
Находится на отличных цветовых схемах с помощью одного дополнительного пикселя
10.Писклявый
Свежий: # 4ABDAC — снова цвет, наложенный на фотографические элементы, придает стильный современный вид
Vermillion: # FC4A1A — Фигура на переднем плане прорабатывается в контексте, все еще обращая внимание на как он дополняет общую структуру дизайна. Фактически, можно было даже предположить, что дизайн был ниже этой цифры.
Sunshine: # F7B733 — Желтый обеспечивает только совмещенный призыв к действию и выделяет важные части
Clean: # DFDCE3 — Чистый серый цвет, использованный на фотографии, сохраняет структуру, не загроможденную большим количеством цветов или узоров в этих резких выстрелах в голову.
Найдено на Canva Цветовые схемы на вдохновляющем веб-сайте
11. Базовый сине-зеленый
Старый верный синий: # 368cbf — Синий побеждает доверие к психологии цвета, но убедитесь, что он сделан со вкусом, как некоторые блюз тоже нестандартный. Как сказал мой учитель рисования с красками, вы всегда должны смешивать их перед нанесением на холст, чтобы не получить что-то похожее на то, что вы только что нанесли цвета из коробки.
Зеленый акцентный цвет: # 7ebc59 — Корпоративный синий + Экологичный зеленый = Каждый веб-сайт когда-либо.Но не забывайте об использовании общих цветовых схем только потому, что они общие. Совместно используйте знакомые цвета, когда это служит вашей цели — вы чувствуете, что вам доверяют.
Темный сланец: # 33363b — Разделение белого пространства более темным верхним, нижним колонтитулом или полноразмерными разделами помогает избавиться от слишком повторяющихся вещей.
Светло-серый: #eaeaea — Это действительно одна из наиболее распространенных цветовых схем на веб-сайте, особенно для технологических компаний.Тебе это еще надоело? Мне это нравится.
Найдено на замечательных бесплатных темах WordPress от ColorLib
Важнейшая часть этого раздела — напоминание о том, что цвета не живут в вакууме. То, как они соотносятся друг с другом, сложно, и важно сочетать их не только с другими цветами, которые их дополняют, но и в той степени и количествах, которые хорошо сочетаются друг с другом. Когда я показываю, что оранжевый и желтый хорошо сочетаются друг с другом, всегда помните о контексте и о том, сколько каждого из них присутствует.Там может быть крошечная полоска желтого цвета, поэтому дело не только в том, что они хорошо работают, но и в том, сколько их и где.
Часть третья — Об отсутствии цвета и хорошо выполненных монохроматических цветовых схемах
Полное исключение цвета из смеси — для определенных частей веб-сайта — или композиции в целом может быть классным, но простым способом увеличения серьезность, или повысить интенсивность произведения. Об этом свидетельствует то, что мы чувствуем, когда видим черно-белую фотографию; либо мы чувствуем некоторую самомнение, либо ценим простоту и признаем атмосферу позитивной изысканности.
Эта концепция и тон также присутствуют на веб-сайтах, где используется только один цвет и различные оттенки этого цвета, позволяя глазам отдыхать и наслаждаться всем синим, или всем, что зеленым, или тремя оттенками фиолетового. Я также добавлю несколько монохромных + 1 цветовых схем , которые означают черный, белый, любые оттенки серого плюс еще один цвет, и он закрашен. В каждом из этих сценариев действуют одни и те же общие принципы. Удалив все другие цвета, кроме нескольких избранных, вы действительно можете улучшить то, как несколько оставшихся цветов играют вместе, и увеличить драматическую напряженность веб-сайта — если все сделано хорошо.
В конце концов, один только дизайн веб-сайта не поможет продать больше товаров, если это ваша цель. Объедините эти высококачественные стили с поисковой оптимизацией, чтобы получить больше потенциальных клиентов.
12. Резкий контраст
Slate: # 262626 — Повторяйте за мной, все оттенки серого не равны
Secondhand Gray: # 3f3f3f
Белизна: # f5f5f5 — Повторяйте за мной, все белые не равны
Светло-серый: #dcdcdc
Найдено на One Page Love, созданный Питером Тотом
13.Настоящее черно-белое изображение + фотография
Черный: # 000000
Белый: #ffffff
Найдено в книге веб-дизайна — 20 красивых портфолио, работа Майкла Шмида
14. Goldifox
Золотая пшеница: # a39274
Мягкая пшеница : # dfd8c8
Глубокий серый: # 252523
Эта цветовая схема, конечно же, также демонстрирует, что хорошая фотография может сделать для общего вида вашего сайта, если ее сопоставить с сильным контрастом плоских цветных элементов.
15. Мятный обновленный
Монетный двор: # 4cb69f
Серый оттенок: # f5f5f5
Глубокий фиолетовый: # 201d3a — Не совсем черно-белый + 1 — Намек на фиолетовый в углу фотография
Найдено в Dapper Ink Джоэлом Ридом на Dribbble
16. Синий + белый
Синий Оптимизм: # 269ccc
Голубые водоросли: # 9ed2c5
Плоский серый: # 7b147b7b Найдено на fltdsgn.com
И еще пара веб-сайтов с оттенками серого, чтобы прояснить, что оттенки серого могут быть чрезвычайно красивыми.
16. Экспериментальная простая фотография — квадратное разделение
Найдено на InspirationDE, Сэм Тис
17. Плавающий объект, разделение углов под углом, простая редакционная типографика
Найдено на flatdsgn.com Роландом и «We Ain’t Plastic»
18. Прямоугольник вокруг букв, креативная блокировка букв
Найдено на Behance, Diana Polar
Весь этот раздел напоминает о том, насколько мы упускаем из виду использование отрицательного пространства в вместо этого полагайтесь на нашу способность заполнять пространство.Если оставить пустое пространство и заполнить только его часть, дизайн будет изыскан, и теперь переполненные оборки могут превзойти его. Соедините эту чувствительность со вкусом подобранных типографских элементов и хорошо продуманных фоторесурсов, чтобы все выглядело высококлассным.
Часть четвертая — О взаимодействии типографики и цвета
Типографика, цвет, макет. Ни один из этих элементов не стоит отдельно в любой композиции, и если говорить об одном без другого, остается неполная картина.Всегда обращайте внимание на то, как характер вашей цветовой схемы веб-дизайна сочетается с вашими типографскими элементами. Шрифты следует отбирать вручную по их атрибутам, а не наугад.
19. Угольно-черный, золотой и много белого пространства
Золотой верх: # d8ab4e
Золотой нижний: # b48c36
Угольно-черный: # 040404
19B. Пары шрифтов для дополнения выбора цвета — Gin Rough и Amiri
Gin Rough — от Fort Foundry, доступный на MyFonts сайт противопоставил грубоватому и элегантному.
Amiri Rough — Доступно через Google Fonts — Великолепно выглядит как отзыв или цитата.
Найдено на веб-дизайне Вдохновение для джентльменских парикмахерских клубов (вам необходимо просмотреть весь сайт)
20. Чистый хаки-красный
Красный хлопок: # c53211
Чистый серый: # 2e3830
Хаки: # e6dbc9
20B. Пары шрифтов, дополняющие выбор цвета — Futura Bold и Museo Slab
Futura Bold — такие же классические, как и простые.Общие похожие шрифты, такие как Gotham Black, Montserrat или Proxima Nova, могут дать вам похожий, но другой вкус. Тем не менее, Futura Bold будет полезен во многих ситуациях — и хорошо сочетается с этой простой красно-серой, коричневой цветовой схемой в качестве заголовков в верхнем регистре.
Museo Slab — Как и вес 100 в цитате выше, и текст абзаца (font-weight: 400), Museo Slab обеспечивает удобочитаемость, будь то большой или маленький. Futura, Museo Slab поверх этих удобных простых цветов кажутся не обязательно классическими, но современными и оригинальными.Сдержанность как в выборе цвета, так и в типографике приводит к очень сплоченному ощущению, которое оставляет весь веб-сайт интегрированным и фирменным.
21. Модные пастельные тона
Пастельный персик: # dea6af
Небесно-голубой: # 8cbcd0
Розовый пастель: # e6dbc9
21B. Подбор шрифтов в дополнение к выбору цвета — Калибр — Европейский дизайн Кетчуп
Калибр — Мне нравится внешний вид, который многие современные европейские веб-сайты достигают с помощью этого зрелого, швейцарского шрифта.Его будут использовать в Америке гораздо больше, прежде чем здесь начнут переусердствовать. Приложение без излишеств, представленное ниже, демонстрирует уверенность, с которой его используют многие европейские дизайнеры. Безупречно сыграно.
Дизайн, отмеченный на конкурсе CSS Design Awards — Купите шрифт Caliber
Независимо от того, какие цвета вы используете, ваш веб-сайт будет лучше, если на нем будет использоваться один или два очень хорошо продуманных шрифта. Поиск баланса между цветом и шрифтом не обязательно является научным — для этого требуется определенная поэтическая ассоциация, но это не означает, что это полностью субъективно.Цвета могут быть либо диаметрально противоположными индивидуальности шрифта (ов), либо находиться в прямом соответствии с ними.
Несколько слов ободрения
Использование описательных слов, таких как «мужской», «женский», «грубый», «классический», «чистый», «современный» и «выразительный», может помочь вам говорить о цветовых схемах. и шрифты с вашими клиентами и другими людьми, работающими над вашим дизайном вместе с вами. Важно не слишком увлекаться семантикой или значениями слов.Лучше используйте их, поскольку они полезны для вас, и откажитесь от них, как только они станут предметом спора.
Ключевым моментом является то, что ваши проекты служат той цели, для которой они предназначены — , чтобы они эффективны . Потратив некоторое время на запуск проектов с цветовой схемой, которая отвечает эмоциональным потребностям основных демографических групп, вы настраиваете их на успех. На самом базовом уровне это означает, что веб-сайт для мужчин не должен быть фиолетовым, поскольку по статистике это их наименее предпочтительный цвет.Вы также не хотели бы делать медицинский веб-сайт черным, поскольку он ассоциируется со смертью, или давать очень легкую и воздушную желтую цветовую схему для серьезного предмета, чтобы это не намекало на легкомыслие.
В самом остром плане намерение в цветовой схеме веб-дизайна означает передачу голоса бренда, эмоциональную привлекательность, иногда открытость для вещей, ранее усвоенных другими (зеленый для экологического проекта, синий для технологического проекта, красный для спорт и агрессия) и следуя своему инстинкту, вы с головой погрузитесь в то, что действительно говорит на этом конкретном рынке.Величайшие дизайнеры тоже гадали и пробовали что-то новое. Прыгайте, впитывайте то, что уже есть на конкретном рынке, на котором находится продукт или услуга. Затем посмотрите на наиболее привлекательные и эффективные дизайны на всех рынках и попробуйте свои силы. После того, как вы попробовали несколько предварительно смешанных шестнадцатеричных цветовых схем, перечисленных выше или где-либо еще, смешайте свои собственные.
[bctt tweet = »« Величайшие дизайнеры тоже гадали и пробовали что-то новое ».]
Признайте свои скрытые способности, доверяйте своим творческим инстинктам и пачкайте руки.
Часть пятая — Что такое современная цветовая палитра?
Что ж, я скажу вам одну вещь, в современной цветовой палитре не используются супер простые версии цветов, о которых мы традиционно думаем: синий, зеленый, желтый и т. Д. Независимо от того, можете ли вы заставить простые цвета хорошо смотреться вместе или нет — кажется незамысловатым и относительно мягким. Я помню, как мой учитель рисования в колледже говорил всегда смешивать краски с намерением в начале сеанса — потому что люди, которые просто выдавливают их из тюбика, действительно найдут вид своей картины серым.
Нам нужна современная цветовая палитра, отвечающая утонченным вкусам современного потребителя. Он может быть смелым и свежим или землистым и ржавым, но никогда не должен выглядеть случайным.
22. Элегантная современная цветовая палитра
Темно-синий / фиолетовый: # 111c30
Темно-розовый макияж: # 9a4d55
Комфортный бежевый диван: # 80756b
23. Приглушенный современный Цветовая палитра
Tiny Sweet Blue: # b5e9e9
Creamy Light Tan: # fef6dd
Pinkie Pie: # ffe1d0
Yellow Horse: # fff1b5
: # fff1b5
: # fff1b5
: # fff1b5
: # fff1b5
dcf3d0
24.Свежая современная цветовая палитра
Deep Purple: # 1d1145
Trapper Keeper Green: # 0db4b9
Pink Boot: # f2a1a1
Modern Pink Backpack: # e76d89
25. Палитра землистых современных цветов
Красные ветви: # de493c
Зеленые деревья: # 608074
Синий / зеленый туман: # daefd9
26. Ржавая современная цветовая палитра
Глубокая Ржавый красный: # c1432e
Серебряный головной убор: # 4b6777
Ржавое золото: # ce9e62
Черный для контраста: # 2c2c2c
5 лучших генераторов цветовых схем для начала работы
Очевидно, что существует множество вариантов выбора, когда речь идет о цветах, которые вы выбираете для своего веб-сайта.К счастью для вас, некоторые отличные онлайн-генераторы цветовых схем помогут вам найти идеальный вариант.
Плоские цвета пользовательского интерфейса
С помощью простой функции копирования щелчком мыши вы можете вставлять HEX-коды в существующие цветовые схемы, которые у них уже есть.
Цветовая гамма
Этот забавный инструмент с возможностью выбора из дополнительных, аналогичных, триадных, комбинированных и квадратных цветовых комбинаций позволяет вам изучить многочисленные варианты цвета и полезные изображения под цветовым кругом, чтобы помочь вы визуализируете каждую цветовую комбинацию.
Кулеры
Если вы хотите максимально детально ориентироваться в своих цветовых схемах, тогда посмотрите приложение Cooler, которое позволяет вам получить очень технические цвета для настраиваемой цветовой схемы в Интернете.
Генератор палитры
Генератор палитры — отличный способ помочь превратить ваш любимый пейзаж, городской пейзаж или любую фотографию в цветовую схему. Вы можете легко загрузить изображение, а этот инструмент сделает все остальное.
Paletton
Еще один инструмент, позволяющий настраивать цвета с широкими возможностями; Paletton — отличное приложение для расширения вашего репертуара цветовой схемы.
62 процента опрошенных предприятий заявили, что, по их мнению, веб-сайт следует обновлять каждые 2-3 года! Источник: Hook Agency
Часто задаваемые вопросы о цветовых схемах веб-сайта
Какой цвет лучше всего подходит для веб-сайта?
Синий, безусловно, самый безопасный вариант, так как у него больше всего людей, считающих его фаворитом — 35%.Однако — очевидно, что если все ваши конкуренты используют синий цвет, возможно, имеет смысл «дифференцировать» ваше предложение и бренд. Цвета вашего бренда должны быть привлекательными, и «белое пространство» является важной частью этого. Убедитесь, что вы даете место включенным элементам, имеете контраст между текстом и фоном и не ошеломляете посетителя — пытаясь быть слишком ярким или оригинальным только ради новизны.
Сколько цветов должно быть на сайте?
Учтите, что 51% брендов выбирают монохромные логотипы, 39% используют двухцветные логотипы и только 19% компаний выбирают полноцветные логотипы.Помимо фотографий, веб-сайты с 1, 2 и 3 цветами, кажется, легче сделать хорошо, чем пытаться создать веб-сайт с радугой цветов. При этом, если у вас есть профессиональный дизайнер, очевидно, что Microsoft и Google считают, что есть преимущество работы с большим количеством цветов, поскольку они оба используют как минимум 4 сплошных цвета в своем дизайне.
Почему я могу рассмотреть вопрос о найме профессионального дизайнера веб-сайтов?
Выбрать цветовую схему сложно, но в дизайне веб-сайта есть гораздо более серьезные проблемы, которым может помочь помощь опытного дизайнера.Профессиональные веб-дизайнеры перепробовали сотни вещей и поняли, какие методы работают, а какие нет — в идеале, если вы работаете с такой командой, как Hook Agency, они также тестируют веб-сайты A / B, вносят изменения на основе аналитики и знают, как сделайте ваш сайт более доступным для поиска в Google.
Вы открыли секретный люк во внутренние механизмы Интернета! 😉
Мы знаем, как делать удивительные вещи, такие как это очень интересное дополнение FAQ к нашему списку здесь, в Google. Мы знаем, как использовать ваш веб-сайт в Google с помощью практики, называемой «поисковой оптимизацией». Итак, помимо цветовых схем веб-сайта, мы знаем, как УПРАВЛЯТЬ БИЗНЕСОМ от трафика Google.Если вы хотите работать с командой профессиональных веб-дизайнеров, отправьте нам сообщение по адресу [email protected]!
Еще одна тактика, которую мы используем для оптимизации рейтинга, — это так называемое создание взаимных ссылок. Так что, если вы когда-нибудь задумывались, кто самый сексуальный мужчина в Миннесоте, или хотели прочитать руководство по SEO для сантехников, прочтите его!
Социальные сети для подрядчиков Курс + ежедневные подсказки
Мы потратили 3 месяца, чтобы собрать это только для подрядчиков — и это совершенно бесплатно!
🔥 5 дней подготовки с ключевыми мыслями перед тем, как начать публикацию.
🎥 10 оригинальных видеороликов
📝 6 недель ежедневных подсказок в социальных сетях
Есть ли вы или кто-то из вашей команды, кто хотел бы это сделать? Введите их (или свои) данные ниже!
29 красивых цветовых схем с отмеченных наградами веб-сайтов
Ищете цветовые схемы для своего веб-сайта или пользовательского интерфейса? Команда дизайнеров Visme, онлайн-инструмента для создания презентаций и инфографики, составила список красивых цветовых схем с веб-сайтов, которые были признаны Awwwards, крупнейшим в мире органом, присуждающим награды за веб-дизайн.
Список включает широкий спектр цветовых схем — естественные, естественные, современные, смелые, элегантные, футуристические, минималистичные и т. Д. Веб-сайты различных жанров включают технологии, корпоративные, модные, игровые, студийные, архитектурные и другие. Ознакомьтесь с некоторыми нашими любимыми палитрами ниже.
1. Чистый и современный
Посетите сайт
2. Яркий и элегантный
Посетите сайт
3. Рядом с природой
Посетите сайт
4. Современный и смелый
Посетите сайт
5. Живой и привлекательный
Посетите сайт
6.Поразительно и просто
Посетите сайт
7. Красный и живой
Посетите сайт
8. Элегантный, но доступный
Посетите сайт
9. Изящный и футуристический
Посетите сайт
10. Текстурированные и динамические
Посетите сайт
11. Минимальный, но теплый
Посетите сайт
12. Яркие и четкие
Посетите сайт
13. Вычурный и творческий
Посетите сайт
14. Корпоративный и традиционный
Посетите сайт
15. Синий и освежающий
Посетите сайт
16. Модерн и минимализм
Посетите сайт
17.Роза красная и черника
Посетите сайт
18. Великолепный контраст
Посетите сайт
19. Эффективные акцентные цвета
Посетите сайт
20. Стильный и изысканный
Посетите сайт
21. Цвета в плоском дизайне
Посетите сайт
22. Уникальное сочетание
Посетите сайт
23. Веселая и энергичная
Посетите сайт
24. Богатый и красочный
Посетите сайт
25. Бесстрашный и бесстрашный
Посетите сайт
26. Классный и традиционный
Посетите сайт
27. Корпоративное и серьезное
Посетите сайт
28.Привлекающий внимание и гладкий
Посетите сайт
29. Живой, но успокаивающий
Посетить сайт
Надеюсь, они пригодятся. Поделитесь этим постом с другом-дизайнером и выскажите свое мнение в комментариях ниже. Все изображения через Visme.
великолепно выглядящих веб-сайтов со спокойной цветовой палитрой

Как вернуть WordPress к предыдущей версии
16 ноября 2020 г.

Как исправить «Ошибка синтаксического анализа: неожиданная синтаксическая ошибка» в WordPress
18 ноября 2020 г.
Цвет может быть мощным инструментом маркетинга и общения с потребителями.Это визуальное представление этикетки. Это влияет на то, как воспринимается бренд — что он представляет и кто является целевой аудиторией.
Помимо повышения узнаваемости бренда, он поддерживает интерес посетителей к вашей странице. Первые пару секунд определяют, останутся они или уйдут.
Выбранная цветовая палитра может улучшить восприятие пользователем. Это способствует организации сайта, его ясности и удобочитаемости. Это позволяет посетителям быстро находить нужную информацию.
Хорошо известно, что цвета также вызывают эмоциональную реакцию. Поэтому выбор правильного цвета для вашего веб-сайта — это больше, чем вопрос личных предпочтений или вкуса.
Теплые цвета ассоциируются с энергией, страстью, энтузиазмом и жизненной силой. Они включают красный, желтый и оранжевый. Эти цвета яркие и выделяются. Знание того, как работают цвета, является обязательной частью каждой учебной программы по веб-дизайну, и все хорошие дизайнеры знают, как большинство цветов влияет на наши эмоции.
Спокойные цвета более успокаивающие и умиротворяющие.Примеры успокаивающих цветов: синий, зеленый и фиолетовый. Они более сдержанны по сравнению с теплыми цветами.
Многие сайты используют спокойную цветовую палитру. Вот некоторые из них.
Moz
Этот веб-сайт — отличный пример чистого макета. Белый фон делает информацию удобочитаемой и хорошо организованной. Синие тона успокаивают, вызывают доверие и уверенность в бренде. Желтый цвет привлекает внимание к кнопкам с призывом к действию, но не требует применения силы. Выбор контрастных, но спокойных цветов делает посещение этого сайта очень приятным.
Работайте ответственно
Основная цель этого сайта — поделиться коллекцией ресурсов для здорового и сбалансированного подхода к работе. Бренд представлен в спокойной цветовой палитре. Зеленые и черные буквы на белом фоне не вызывают чрезмерного возбуждения. Отдельные статьи выделяются. В статьях не используются отвлекающие или ненужные цвета. Расслабляющая обстановка на сайте побуждает посетителей остаться и продолжить чтение.
Squilla Fund
Этот бренд помогает инвестировать в криптоиндустрию.Создает чувство доверия за счет использования спокойной цветовой палитры. Различные оттенки зеленого на бежевом фоне делают информацию прозрачной и удобной для чтения. Чтобы создать контраст, кнопки CTA оранжевого цвета.
Монетный двор
Монетный двор предлагает совет и помощь в отношении ваших финансов. Таким образом, используемые цвета должны вызывать доверие к бренду. Мята использует разные оттенки зеленого и синего на белом фоне. Эти цвета выражают профессионализм, успех и благополучие.
Evernote
Evernote продвигает приложение, которое помогает пользователям быть лучше организованными.Внешний вид сайта является адекватным представлением бренда. На белом фоне изображены черные буквы и зеленые кнопки CTA. Успокаивающая цветовая гамма помогает посетителям расслабиться и расслабиться. Это также может помочь им осознать, что им нужно навести порядок в своих многочисленных проектах.
Andris Gauracs
Этот веб-разработчик выбрал сочетание синего и белого фона с черным шрифтом. Цвета вызывают доверие. Выглядит очень чисто, прозрачно, профессионально и дружелюбно.Он передает личность, стоящую за брендом.
Jebsen Careers
Кредо Jebsen Careers гласит: «Успех рождает успех». Они выбрали успокаивающую цветовую палитру, которая заставляет посетителей поверить в бренд. Синий и зеленый символизируют именно процветание и успех. Для текста и цвета фона используются разные оттенки. Белый прекрасно дополняет остальные цвета.
Lucas Group
Этот бренд HR обещает предоставить исключительных кандидатов, которые гарантируют успех компании.Спокойные цвета отражают эту миссию, включая синий, серый и белый. Посетители могут почувствовать их профессионализм через визуальную интерпретацию своего сообщения. Синяя надпись становится оранжевой при наведении курсора мыши. Он предлагает зрителю исследовать, что еще там есть.
Taproot Foundation
Это веб-сайт национальной некоммерческой организации. Белый фон выделяет желтые, синие и зеленые элементы. Желтый ассоциируется со счастьем и надеждой. Он используется для передачи радости, в чем и заключается суть этого бренда.Синий и зеленый цвета дополняют это сообщение чувствами доверия и спокойствия.
Дэн Палмер
Дэн Палмер — художник-фрилансер и аниматор. Его веб-сайт сочетает в себе синий и белый цвета, создавая атмосферу доверия. Спокойные цвета не подавляют и удобны для пользователя. Сообщение выглядит профессионально и правдоподобно.
Brooke Cormier
Этот художник знает силу цвета! Фон — мутный светло-голубой оттенок. Все цвета и особенности очень мягкие, идеально дополняют профиль художника.Этот сайт — отличный пример успокаивающей цветовой гаммы.
Аня Элленбергер
Этот графический дизайнер выбрал минималистичный подход. Сайт передает легкие прикосновения художника. В нем сочетаются расслабляющие и мягкие оттенки.
Studio Sahil
Еще один пример минимализма — бренд Studio Sahil. Используемые цвета — серый, горчично-желтый и ярко-синий логотип на белом фоне. Выбор палитры не затмевает фото их дизайнерских изделий.
Школа цифровой фотографии
Неудивительно, что этот бренд также использует отличное сочетание цветов на своем веб-сайте. Синий фон на заднем плане укрепляет доверие к сервису. Зеленый успокаивающий и естественный. Кнопки CTA выделяются оранжевым, что делает визуальную навигацию простой и понятной.
Libenar
Продвижение детских товаров требует мягких и вдохновляющих цветов. На этом веб-сайте представлены пастельные розовые и голубые оттенки фона. Выбор палитры ориентирован на основную аудиторию бренда — родителей, которым нужны чистые и безопасные этикетки.
Pico
Бренд Pico заботится об окружающей среде. Спокойная палитра их веб-сайта определенно способствует созданию этого органичного ощущения. Светло-бежевый, зеленый и коричневый обычно ассоциируются с природой и здоровьем. Выбор цвета очень хорошо передает их миссию.
Moorhouse
Purple тоже относится к спокойной цветовой гамме. Moorhouse хорошо использует это на своем веб-сайте. Помимо расслабляющего оттенка, фиолетовый также передает мудрость, элегантность и творчество.В сочетании с белым он придает бренду элегантный вид.
Appbot
На сайте Appbot бренд представлен в бело-голубых тонах. Это классическая комбинация, элегантная и профессиональная. Темно-синий цвет особенно обозначает силу, надежность, интеллект и доверие. Неудивительно, что это один из самых любимых цветов среди веб-дизайнеров!
Zendesk
Альберт lusarczyk
Как соавтор Be Theme, я твердо верю, что проектирование требует осторожности и терпения.
Сочетание цветов сайт: Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru