Подобрать сочетание цветов: Подбор цветов и генерация цветовых схем

Содержание

Подбор цветов и генерация цветовых схем

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Значение оттенка основного цвета. Кликните для ввода числового значения.

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

Значение RGB основного цвета. Кликните для ввода числового значения.

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

Значения RGB основного цвета.

Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

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

Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

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

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

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

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

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

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

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

Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.

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

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

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

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

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

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

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

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

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

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

HTML Имя Цвета	HEX	RGB
Красные тона:
IndianRed	#CD5C5C	205, 92, 92
LightCoral	#F08080	240, 128, 128
Salmon	#FA8072	250, 128, 114
DarkSalmon	#E9967A	233, 150, 122
LightSalmon	#FFA07A	255, 160, 122
Crimson	#DC143C	220, 20, 60
Red	#FF0000	255, 0, 0
FireBrick	#B22222	178, 34, 34
DarkRed	#8B0000	139, 0, 0
Розовые тона:
Pink	#FFC0CB	255, 192, 203
LightPink	#FFB6C1	255, 182, 193
HotPink	#FF69B4	255, 105, 180
DeepPink	#FF1493	255, 20, 147
MediumVioletRed	#C71585	199, 21, 133
PaleVioletRed	#DB7093	219, 112, 147
Оранжевые тона:
LightSalmon	#FFA07A	255, 160, 122
Coral	#FF7F50	255, 127, 80
Tomato	#FF6347	255, 99, 71
OrangeRed	#FF4500	255, 69, 0
DarkOrange	#FF8C00	255, 140, 0
Orange	#FFA500	255, 165, 0
Жёлтые тона:
Gold	#FFD700	255, 215, 0
Yellow	#FFFF00	255, 255, 0
LightYellow	#FFFFE0	255, 255, 224
LemonChiffon	#FFFACD	255, 250, 205
LightGoldenrodYellow	#FAFAD2	250, 250, 210
PapayaWhip	#FFEFD5	255, 239, 213
Moccasin	#FFE4B5	255, 228, 181
PeachPuff	#FFDAB9	255, 218, 185
PaleGoldenrod	#EEE8AA	238, 232, 170
Khaki	#F0E68C	240, 230, 140
DarkKhaki	#BDB76B	189, 183, 107
Фиолетовые тона:
Lavender	#E6E6FA	230, 230, 250
Thistle	#D8BFD8	216, 191, 216
Plum	#DDA0DD	221, 160, 221
Violet	#EE82EE	238, 130, 238
Orchid	#DA70D6	218, 112, 214
Fuchsia	#FF00FF	255, 0, 255
Magenta	#FF00FF	255, 0, 255
MediumOrchid	#BA55D3	186, 85, 211
MediumPurple	#9370DB	147, 112, 219
BlueViolet	#8A2BE2	138, 43, 226
DarkViolet	#9400D3	148, 0, 211
DarkOrchid	#9932CC	153, 50, 204
DarkMagenta	#8B008B	139, 0, 139
Purple	#800080	128, 0, 128
Indigo	#4B0082	75, 0, 130
SlateBlue	#6A5ACD	106, 90, 205
DarkSlateBlue	#483D8B	72, 61, 139
Коричневые тона:
Cornsilk	#FFF8DC	255, 248, 220
BlanchedAlmond	#FFEBCD	255, 235, 205
Bisque	#FFE4C4	255, 228, 196
NavajoWhite	#FFDEAD	255, 222, 173
Wheat	#F5DEB3	245, 222, 179
BurlyWood	#DEB887	222, 184, 135
Tan	#D2B48C	210, 180, 140
RosyBrown	#BC8F8F	188, 143, 143
SandyBrown	#F4A460	244, 164, 96
Goldenrod	#DAA520	218, 165, 32
DarkGoldenRod	#B8860B	184, 134, 11
Peru	#CD853F	205, 133, 63
Chocolate	#D2691E	210, 105, 30
SaddleBrown	#8B4513	139, 69, 19
Sienna	#A0522D	160, 82, 45
Brown	#A52A2A	165, 42, 42
Maroon	#800000	128, 0, 0
Основные цвета:
Black	#000000	0, 0, 0
Gray	#808080	128, 128, 128
Silver	#C0C0C0	192, 192, 192
White	#FFFFFF	255, 255, 255

Fuchsia	#FF00FF	255, 0, 255
Purple	#800080	128, 0, 128
Red	#FF0000	255, 0, 0
Maroon	#800000	128, 0, 0

Yellow	#FFFF00	255, 255, 0
Olive	#808000	128, 128, 0
Lime	#00FF00	0, 255, 0
Green	#008000	0, 128, 0

Aqua	#00FFFF	0, 255, 255
Teal	#008080	0, 128, 128
Blue	#0000FF	0, 0, 255
Navy	#000080	0, 0, 128

HTML Имя Цвета	HEX	RGB
Зелёные тона:
GreenYellow	#ADFF2F	173, 255, 47
Chartreuse	#7FFF00	127, 255, 0
LawnGreen	#7CFC00	124, 252, 0
Lime	#00FF00	0, 255, 0
LimeGreen	#32CD32	50, 205, 50
PaleGreen	#98FB98	152, 251, 152
LightGreen	#90EE90	144, 238, 144
MediumSpringGreen	#00FA9A	0, 250, 154
SpringGreen	#00FF7F	0, 255, 127
MediumSeaGreen	#3CB371	60, 179, 113
SeaGreen	#2E8B57	46, 139, 87
ForestGreen	#228B22	34, 139, 34
Green	#008000	0, 128, 0
DarkGreen	#006400	0, 100, 0
YellowGreen	#9ACD32	154, 205, 50
OliveDrab	#6B8E23	107, 142, 35
Olive	#808000	128, 128, 0
DarkOliveGreen	#556B2F	85, 107, 47
MediumAquamarine	#66CDAA	102, 205, 170
DarkSeaGreen	#8FBC8F	143, 188, 143
LightSeaGreen	#20B2AA	32, 178, 170
DarkCyan	#008B8B	0, 139, 139
Teal	#008080	0, 128, 128
Синие тона:
Aqua	#00FFFF	0, 255, 255
Cyan	#00FFFF	0, 255, 255
LightCyan	#E0FFFF	224, 255, 255
PaleTurquoise	#AFEEEE	175, 238, 238
Aquamarine	#7FFFD4	127, 255, 212
Turquoise	#40E0D0	64, 224, 208
MediumTurquoise	#48D1CC	72, 209, 204
DarkTurquoise	#00CED1	0, 206, 209
CadetBlue	#5F9EA0	95, 158, 160
SteelBlue	#4682B4	70, 130, 180
LightSteelBlue	#B0C4DE	176, 196, 222
PowderBlue	#B0E0E6	176, 224, 230
LightBlue	#ADD8E6	173, 216, 230
SkyBlue	#87CEEB	135, 206, 235
LightSkyBlue	#87CEFA	135, 206, 250
DeepSkyBlue	#00BFFF	0, 191, 255
DodgerBlue	#1E90FF	30, 144, 255
CornflowerBlue	#6495ED	100, 149, 237
MediumSlateBlue	#7B68EE	123, 104, 238
RoyalBlue	#4169E1	65, 105, 225
Blue	#0000FF	0, 0, 255
MediumBlue	#0000CD	0, 0, 205
DarkBlue	#00008B	0, 0, 139
Navy	#000080	0, 0, 128
MidnightBlue	#191970	25, 25, 112
Белые тона:
White	#FFFFFF	255, 255, 255
Snow	#FFFAFA	255, 250, 250
Honeydew	#F0FFF0	240, 255, 240
MintCream	#F5FFFA	245, 255, 250
Azure	#F0FFFF	240, 255, 255
AliceBlue	#F0F8FF	240, 248, 255
GhostWhite	#F8F8FF	248, 248, 255
WhiteSmoke	#F5F5F5	245, 245, 245
Seashell	#FFF5EE	255, 245, 238
Beige	#F5F5DC	245, 245, 220
OldLace	#FDF5E6	253, 245, 230
FloralWhite	#FFFAF0	255, 250, 240
Ivory	#FFFFF0	255, 255, 240
AntiqueWhite	#FAEBD7	250, 235, 215
Linen	#FAF0E6	250, 240, 230
LavenderBlush	#FFF0F5	255, 240, 245
MistyRose	#FFE4E1	255, 228, 225
Серые тона:
Gainsboro	#DCDCDC	220, 220, 220
LightGrey	#D3D3D3	211, 211, 211
LightGray	#D3D3D3	211, 211, 211
Silver	#C0C0C0	192, 192, 192
DarkGray	#A9A9A9	169, 169, 169
DarkGrey	#A9A9A9	169, 169, 169
Gray	#808080	128, 128, 128
Grey	#808080	128, 128, 128
DimGray	#696969	105, 105, 105
DimGrey	#696969	105, 105, 105
LightSlateGray	#778899	119, 136, 153
LightSlateGrey	#778899	119, 136, 153
SlateGray	#708090	112, 128, 144
SlateGrey	#708090	112, 128, 144
DarkSlateGray	#2F4F4F	47, 79, 79
DarkSlateGrey	#2F4F4F	47, 79, 79
Black	#000000	0, 0, 0

250 фото, гармоничные цветовые сочетания, советы

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

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

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

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

Какие факторы влияют на выбор?

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

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

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

Быстрый просмотр
Цена за всю кухню
Общие размеры
Быстрый просмотр
58 150 ₽ 83 071 ₽
-30%
Цена за всю кухню
Общие размеры
Быстрый просмотр
57 153 ₽ 81 647 ₽
-30%
Цена за всю кухню
Общие размеры
Быстрый просмотр
56 667 ₽ 80 953 ₽
-30%
Цена за всю кухню
Общие размеры
Быстрый просмотр
53 215 ₽ 76 021 ₽
-30%
Цена за всю кухню
Общие размеры
Быстрый просмотр
Цена за всю кухню
Общие размеры
Быстрый просмотр
35 417 ₽ 50 596 ₽
-30%
Цена за всю кухню
Общие размеры
Быстрый просмотр
62 809 ₽ 89 727 ₽
-30%
Цена за всю кухню
Общие размеры

Схемы цветосочетаний

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

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

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

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

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

Выбор цветовой гаммы в зависимости от назначения помещения

При выборе палитры огромное значение имеет функционал комнаты.

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

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

Доставим завтра
Быстрый просмотр
25 578 ₽ 36 540 ₽
-30%
Цена за всю гостиную
Общие размеры
Быстрый просмотр
Цена за всю гостиную
Общие размеры
Доставим завтра
Быстрый просмотр
Цена за всю гостиную
Общие размеры
длина
272,4/152,4 см
Быстрый просмотр
39 594 ₽ 50 120 ₽
-21%
Цена за всю гостиную
Общие размеры
Быстрый просмотр
Цена за всю гостиную
Общие размеры

Комбинации цветов

А теперь рассмотрим конкретные примеры цветовых сочетаний.

Монохромная гамма

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

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

Каковы основные правила?

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

Гармоничная гамма

Данное цветовое сочетание имеет еще одно название – аналогичное. Для оформления интерьера выбираются 2-3 цвета, лежащие на цветовом круге рядом друг с другом, то есть: синий – сине-фиолетовый; красный – красно-оранжевый; зеленый – бирюзовый – желто-зеленый. Можно брать их оттенки любой насыщенности. Благодаря дополнительным тонам, такой интерьер выглядит более богатым, роскошным, нежели одноцветные варианты.

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

Быстрый просмотр
Цена за всю кухню
Общие размеры
Быстрый просмотр
35 022 ₽ 35 488 ₽
-1%
Цена за всю кухню
Общие размеры
Быстрый просмотр
Цена за всю кухню
Общие размеры
Быстрый просмотр
38 848 ₽ 39 356 ₽
-1%
Цена за всю кухню
Общие размеры
Хит
Быстрый просмотр
Цена за всю кухню
Общие размеры
Быстрый просмотр
52 000 ₽ 74 286 ₽
-30%
Цена за всю кухню
Общие размеры
Быстрый просмотр
56 850 ₽ 81 214 ₽
-30%
Цена за всю кухню
Общие размеры
Быстрый просмотр
Цена за всю кухню
Общие размеры

Комплементарная гамма

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

лавандовый – лимонный или шампань – светло-лиловый;
апельсиновый – васильковый или светло-оранжевый – незабудковый;
мшисто-зеленый – насыщенно-красный или мятный – розоватый;
белый – черный или кремовый – серый.

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

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

Тройная палитра

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

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

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

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

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

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

как выбрать благоприятный фон для отдыха

724 Просмотра ,

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

Выбор цвета для спальни

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

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

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

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

Контрастная комбинация. Принцип выбора цвета комплиментарный, только к одному из оттенков добавляется тон из соседнего сегмента. Например, синий + оранжевый + красно-оранжевый или красный + зеленый + светло-зеленый. Для интерьера спальни это будут нежные оттенки розового, оливкового, серого.

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

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

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

Цвет и освещение спальни

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

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

Для северной стороны используются теплые тона (оранжевый, желтый, древесные оттенки).

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

Яркая, насыщенная палитра хорошо смотрится в спальнях с высоким уровнем естественной инсоляции.

Нейтральная и пастельная палитра используется в помещениях с недостаточным солнечным освещением.

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

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

Психология цвета в интерьере спальни

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

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

Индиго и белый – контрастная пара тёплой группы создает приятную атмосферу. Несмотря на резкие переходы, способствует расслаблению.

Коричневый и кремовый – классическое элегантное сочетание повышает эстетический уровень спальни. Природные оттенки располагают к уединению.

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

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

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

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

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

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

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

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

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

ТОП-40 Программ для Подбора Цвета — Plerdy

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

Содержание

WEB-ориентированные Color Picker
1. Cohesive Colors
2. Сolourco
3. Colorblender
4. Colorsontheweb
5. Webcolourdata
6. Paletton
7. Adobe Color CC
8. Colourlovers
9. Copaso
10. Colorexplorer
11. Colrd
12. Colorhexa
13. Gradients
14. Htmlcolorcodes
15. Color picker
16. Chrome Dev Tools
17. Eye Dropper
18. ColorPick Eyedropper
Десктопные color picker
19. Instant Eyedropper
20. Just Color Picker
21. Colormania
22. ColorPic
23. Pixie
24. GPick
25. Pick
26. Gcolor2
27. ColorSnapper 2
Мобильные color picker
28. iDropper: the color sampling tool
29. Pixel Picker — Image Color Picker
30. ColorAssist Lite
31. Color Mate — Convert and Analyze Colors
32. Pixolor — Live Color Picker
33. Color Grab
34. RAL простой каталог цветов
35. Color Lab
JS color picker
36. Tiny Colorpicker
37. Spectrum
38. Pick-a-Color
39. Eyecon Colorpicker
40. Farbtastic
Вывод

WEB-ориентированные Color Picker

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

1. Cohesive Colors

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

2. Сolourco

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

3. Colorblender

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

4. Colorsontheweb

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

5. Webcolourdata

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

6. Paletton

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

7. Adobe Color CC

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

8. Colourlovers

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

9. Copaso

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

10. Colorexplorer

11. Colrd

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

12. Colorhexa

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

13. Gradients

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

14. Htmlcolorcodes

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

15. Color picker

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

16. Chrome Dev Tools

Chrome Dev Tools — это инструменты разработчика для браузера Google Chrome. Однако и в нем можно найти средство для подбора цветов. Для начала нужно вызвать инструменты разработчика. Нажмите комбинацию клавиш Ctrl + Shift + T или кликните правой кнопкой мыши по веб-сайту и в контекстном меню выберите пункт «Просмотреть код». После этого выберите элемент который вас интересует, в окне style вы сможете увидеть цвет этого элемента. Если один раз кликнуть по цвету, можно будет перейти к встроенному color picker.

17. Eye Dropper

Этот Color Picker является ничем иным как расширением для браузера Google Chrome. С его помощью можно как легко подобрать цвет из палитры, так и использовав «пипетку» узнать цвет любого элемента веб-страницы.

18. ColorPick Eyedropper

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

Десктопные color picker

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

19. Instant Eyedropper

Instant Eyedropper — это первый в нашем списке color picker разработан для настольных компьютеров под OS Windows. С его помощью можно быстро извлечь любой цвет, просмотреть его в различных форматах записи и скопировать код.

20. Just Color Picker

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

21. Colormania

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

22. ColorPic

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

23. Pixie

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

24. GPick

Первый в нашем списке color picker под операционную систему Linux. Обладает всем необходимым функционалом для подбора оттенков и цветов. Благодаря удобному графическому интерфейсу пользуется высоким спросом.

25. Pick

Этот color picker славится своим минимализмом. С работодателем Pick можно извлечь цвета с позиции курсора и сравнивать их. А также запоминать изображение с которого получаем оттенок.

26. Gcolor2

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

27. ColorSnapper 2

Мобильные color picker

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

28. iDropper: the color sampling tool

Этот color picker разработан специально под мобильную операционную систему iOS. В дополнение встроенная функция «пипетки». Также цветовой палитры, которая позволяет подобрать необходимый цвет и оттенок.

29. Pixel Picker — Image Color Picker

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

30. ColorAssist Lite

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

31. Color Mate — Convert and Analyze Colors

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

32. Pixolor — Live Color Picker

Простенький color picker с помощью которого можно получить цвет из любого «экрана» вашего устройства. Имеет минималистичный интерфейс и удобную пипетку.

33. Color Grab

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

34. RAL простий каталог кольорів

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

35. Color Lab

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

JS color picker

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

36. Tiny Colorpicker

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

37. Spectrum

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

38. Pick-a-Color

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

39. Eyecon Colorpicker

Этот JQuery плагин помогает в подборе цветов и сравнении оттенков. Этот Color Picker похож на инструменте в Photoshop. Основным преимуществом является легкость интеграции на свой сайт.

40. Farbtastic

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

Вывод

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

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

Человеческий глаз воспринимает от 8 до 16 миллионов цветов. И как тут понять, что с чем сочетать, чтобы получить удачную комбинацию в дизайне? Для упрощения этой задачи были придуманы различные цветовые таблицы. И одна из их разновидностей, причем самая простая, – это цветовой круг Йоханнеса Иттена.

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

Что такое круг Иттена

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

Создатель круга – Йоханнес Иттен, швейцарский художник и известный теоретик дизайна. Он написал книгу «Искусство цвета», где разобрал основы цветовой гармонии и описал принципы работы с данной таблицей.

Зачем такой круг нужен

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

Способы комбинации нескольких цветов по схеме Иттена
Есть множество способов получения гармоничных цветовых сочетаний с помощью круга Иттена. Ниже перечислю несколько самых эффективных и часто используемых.
Комплементарное сочетание
Здесь берутся два максимально контрастных тона, расположенные друг напротив друга по указанной схеме. Их еще называют комплементарными или дополнительными цветами.
Этот вариант комбинации подходит для создания выразительного акцента – один оттенок берется как базовый, а второй используется не слишком часто для яркого выделения определенных объектов на общем фоне. Как в примере с текстом на изображении выше – на фоне базовый цвет, а надпись отлично выделена за счет сильного контраста.
Классическая триада
Если нет необходимости в столь сильном акцентировании и контрасте элементов, можно использовать принцип триады. Хотя и у него есть несколько типов, первый – классический. С помощью данного принципа можно выбрать один основной и подобрать к нему два разных, но гармоничных дополнительных тона.
Для образования комбинации в данном сочетании используется равносторонний треугольник. Три цвета по разным его углам образуют сбалансированную гамму.
Аналоговая триада
Второй вариант цветовой комбинации. Таким способом можно не ограничиваться тремя, а брать, допустим, пять оттенков. Причем тех, что расположены рядом на круге Иттена. В данном сочетании исключены сильные или резкие контрасты. Если подбирать с ее помощью тона, то итоговая комбинация выйдет сдержанной и спокойной, с плавными переходами.
Контрастная триада
В данном случае за основу берется комплементарное сочетание, но дополнительный цвет заменяется двумя другими, расположенными рядом по цветовой схеме. В итоге получается эдакий равнобедренный треугольник. Эта триада хороша тем, что допускает контрасты, но не такие резкие, как в случае с дополнительными тонами.
Тетрада
Если двух или трех цветов будет недостаточно, можно воспользоваться принципом тетрады, он охватывает довольно широкий спектр. С помощью квадрата можно подобрать 4 разных цвета, которые будут отлично сочетаться между собой.
Прямоугольник
Тоже хорошая схема для определения четырех цветов для дизайна, но не столь контрастных, как в вышеизложенной схеме. С помощью прямоугольника можно подобрать две комплиментарные пары, близкие друг к другу по оттенкам.
Другие способы подбора цветов
Есть множество других таблиц с сочетаниями цветов, в том числе расширенных, с помощью которых можно подобрать идеальные варианты для самых разных случаев. Но порой проще воспользоваться специальными инструментами, доступными в интернете. Например, инструментом от Paletton, позволяющим выбрать из общего спектра нужное количество оттенков. В нем очень легко настраивать параметры насыщенности и яркости. Далее можно получить более подробную информацию о нужном оттенке, просто нажав на нужную область.
Есть и другой инструмент – Adobe Color. В нем используются те же правила сочетания, но работать с ним немного сложнее. При необходимости можно задать оптимальное правило гармонии цветов и режим (RGB, CMYK, HSB или LAB). Код получившегося оттенка очень легко скопировать – он приводится в правом нижнем углу и зависит от схемы, которая ранее была указана.
На этом у меня все. Надеюсь, указанные принципы и инструменты пригодятся в вашей работе!
10 секретов вдохновения цветов, о которых знают только дизайнеры
Цвет — неотъемлемый элемент хорошего дизайна. С таким количеством психологии и эмоций, связанных с выбранными вами оттенками, может быть сложно подобрать цветовую палитру при дизайне. Ниже мы перечисляем 10 секретов цветового вдохновения, чтобы вы могли каждый раз получать идеальное сочетание цветов.
Мы знаем, что определенные оттенки могут вызывать различные эмоции, ассоциации и реакции, влияющие на восприятие вашего бренда. Проще говоря, выбор цвета может создать или испортить дизайн.На самом деле, исследования показали, что цвет может повысить узнаваемость бренда до 80%, память, взаимодействие с элементом дизайна и понимание текста, поэтому при выборе цветовой комбинации для вашего дизайна (особенно вашего логотипа!) Вы должны убедиться, что что вы говорите что-то выбранными вами цветами.
К счастью, мы далеки от того времени, когда наш выбор цвета ограничивался небольшой партией натуральных пигментов. Наши варианты больше не включают те цвета, которые предлагали минералы, животные и растения.При таком огромном количестве цветовых вариантов выбор палитры для дизайн-проекта стал, мягко говоря, мучительным. Сообщество Colourlovers проиндексировало около 8 миллионов названных пользователем цветов, при этом существует более 16 миллионов возможных шестнадцатеричных цветовых комбинаций.
Несмотря на то, что существует бесконечный выбор цветов, при разработке рекомендуется придерживаться трех или четырех цветов. Это создаст цветовую палитру, с которой вы будете работать.
01. Захватывайте вдохновение в дороге.
В поисках вдохновения для цветовой комбинации Калли Хегстром, талантливый дизайнер Make Media, предлагает делать фотографии красивых цветов: «Я делаю фотографии великолепных цветовых схем (например, цветов или закатов), а затем пробую эти цвета. прямо в Photoshop или Illustrator. Это также отличный способ сопоставить текст или графику с любой фотографией, с которой вы работаете, чтобы ваша работа была целостной ».
Итак, если у вас есть фотография с понравившейся вам цветовой схемой, используйте образцы цветов прямо с нее, чтобы получить быструю, простую и эффективную палитру.Такие инструменты, как Photocopa, делают эту технику еще проще. Просто загрузите свое изображение, исследуйте различные оттенки, из которых оно состоит, и быстро создайте потрясающую цветовую палитру.
02. Используйте цветовое колесо
Этот совет подходит почти для всего остального, о чем вы можете подумать. Поиграйте с аналогичными цветовыми схемами, чтобы добавить тени к заголовкам или границы к фону. Эти цвета обычно хорошо сочетаются, потому что они тесно связаны. Находите уникальные комбинации, просто сопоставляя цвета с их соседями на колесе!
Но если вы не хотите разбираться в этих схемах вручную, не бойтесь, потому что в вашем распоряжении множество онлайн-инструментов, которые помогут вам определить друзей и любителей ваших любимых цветов.
03. Вдохновляйтесь дизайном интерьера
При работе с цветом разные области дизайна имеют общие проблемы. Например, дизайнеры интерьеров должны гармонизировать пространство, используя текстуры, объекты и цветовые схемы, которые хорошо сочетаются друг с другом.
В этом отношении британский дизайнер Елена Генова (из MyCreativeLand) дает несколько важных советов. «Мне нравится правило дизайна интерьера, которое в значительной степени применимо и к графическому дизайну: 60% — доминирующий цвет, 30% — второстепенный цвет, 10% — цвет акцента.Если вы хотите ввести четвертый (и так далее) цвет, разделите вторичный цвет (или, возможно, доминирующий, но не акцентный) ».
04. Создание цветных досок настроения
«Всякий раз, когда я вижу картинку или фотографию с цветами, которые мне нравятся или которые кажутся мне действительно хорошими, я снимаю скриншоты или прикрепляю их на потом. Затем, когда приходит время найти хорошую цветовую палитру, я просматриваю все свои сохраненные изображения в поисках вдохновения и всегда нахожу что-то подходящее ».
Vanilla Frosting, один из лучших шрифтов Ники, содержит это красочное изображение, вдохновленное пекарнями.
Позвольте себе искать вдохновение в палитре где угодно — в современном дизайне или историческом искусстве; в сетевых или печатных источниках.
Вы, наверное, знаете о пользе таких сайтов, как Pinterest, которые позволяют сохранять и каталогизировать все виды цифровых палитр. Но как насчет физических источников вдохновения?
Дизайнер и автор книги «Steal Like An Artist», Остин Клеон, является большим сторонником «swipe file» — записной книжки или папки, куда вы можете наклеить вдохновляющие образцы дизайна и цвета, которые вам нравятся.Так что, если вы когда-нибудь читали журнал, брали в руки классную брошюру или как в спаме использовали цвет в своем оформлении, вставьте его в файл. Затем, когда вы пытаетесь разработать красивую палитру, откопайте папку смахиванием и пролистайте. Мгновенное вдохновение цвета!
05. Используйте образцы цветов
Иногда при выборе цветовой комбинации цифровой цветовой круг просто не справляется. Отойти от экрана и вместо этого взглянуть на образец физического цвета может быть невероятно вдохновляющим, и это именно то, что предоставляют наборы Pantone.
Дизайнер Калли Хегстром открывает свой верный набор цветов Pantone Color Bridge всякий раз, когда хочет подобрать цвета по старинке. Она объясняет, что «иногда хорошо иметь физический справочник, который не полагается только на цвета на экране. Это также полезно, если у клиента есть очень конкретная потребность в цвете и он хочет увидеть физические образцы ».
06. Цвета природы
Наши глаза привыкли восхищаться естественными цветовыми решениями. Если вы черпаете вдохновение из окружающей среды, — предлагает Гэри из CO-OP, — «цветовые комбинации бесконечны».Пейзажи, листва, фрукты — все естественное может быть удивительным, доступным и бесплатным источником цветового вдохновения. Гэри занимается дизайном в Южной Африке, где он построил свой интернет-магазин и постоянно находится под влиянием яркого южноафриканского солнца. Цвета теплые и яркие ».
07. Придерживайтесь трех или четырех цветов.
Если вы не хотите целенаправленно создавать эффект радуги, избегайте сочетания чрезмерного количества цветов. Родриго Герман, чилийский графический дизайнер, рекомендует использовать три цвета, чтобы ваша графика выглядела чистой и не перегружающей.При использовании более трех он предлагает добавить текстуры, чтобы смягчить некоторые из этих дополнительных цветов.
08. Подберите цвет к настроению вашей темы
Обдумайте тему, которую вы пытаетесь изобразить в своем дизайне. Это спорт, мода, красота или бизнес? Затем подумайте о конкретном настроении, которое вы хотели бы связать с этим занятием. Это симпатичный модный флаер или агрессивный спортивный буклет? Женственно, весело, серьезно или элегантно?
Саломея, дизайнер Graphic Box, предлагает дать приблизительное определение цветовой темы, прежде чем вы продолжите работу над деталями.«Например:« Мне нужен романтический фиолетовый »или« Мне нужен милый розовый »».
Посмотрите фотографии, рисунки и любые другие творческие источники, которые отражают те же тона, идеи и эмоции, которые вам нужны для своего дизайна. Что общего? Какие отличия?
Еще один хороший способ усилить силу и эффект вашего выбора цвета — это познакомиться с теорией цвета. Проведите небольшое исследование, прочтите несколько исследований и выясните, что некоторые распространенные цвета могут сделать с людьми психологически и подсознательно при правильном использовании.Помните: цвета, выбранные с определенной целью и разумом, часто могут быть самыми эффективными!
09. Найдите в Pinterest тематические палитры.
10. Следите за сайтами для любителей цвета.
Цветовые приемы логотипа, используемые ведущими брендами, и способы создания DIY
Психология цвета: приемы цветового оформления логотипа, используемые ведущими брендами и как на DIY
Ваш браузер не поддерживается и может не работать в лучшую сторону.
Хороший логотип — это синоним бренда, который он представляет.Подумайте о таких знаковых брендах, как McDonald’s или Apple. Их логотипы похожи на мгновенно узнаваемое сокращение самого бизнеса.
Логотип — это, по сути, символ, используемый для представления бренда. Копните глубже, и вы обнаружите, что многие логотипы имеют скрытый смысл, часто связанный с предысторией компании или хитроумным визуальным каламбуром. В конце концов, брендинг — это повествование историй — это то, как люди соединяются.
Но есть еще один элемент, который составляет историю логотипа: его цвет.
Цвет логотипа может многое сказать о бренде. Для известных брендов цвет может быть неразрывно связан с идентичностью бизнеса. Вспомните знаменитые бело-зеленые кофейные чашки Starbuck или культовую фиолетовую упаковку Cadbury. А для новых брендов цвет логотипа — это попытка позиционировать свой бизнес с желаемым клиентом.
В этой статье мы рассмотрим, как крупные бренды используют цвет в своих логотипах, погрузимся в закономерности, выявленные при выборе популярных логотипов, и подробнее рассмотрим крупные компании, которые мыслят нестандартно.
Одна из причин, по которой люди создают логотипы, заключается в том, что визуальное запоминание — это мощная вещь. И именно поэтому мы создали это цветовое колесо для логотипов — с первого взгляда вы можете точно увидеть, как известные бренды используют цвет.
Выбор цвета логотипа ведущих компаний
Поделитесь этим изображением на своем сайте
Источник изображения: Canva

Цвет логотипа и идентичность бренда
Связь между цветом и идентичностью бренда сильна. В Журнале Академии маркетинговых наук исследователи Лорен Лабрек и Джордж Милн объясняют, что «подобно тщательно выбранному бренду, цвет несет в себе внутреннее значение, которое становится центральным для идентичности бренда, способствует узнаваемости бренда и передает желаемый имидж.”
Например, они обнаружили, что синий цвет используется более чем в 75% логотипов брендов кредитных карт и в 20% логотипов брендов быстрого питания. Между тем, красный цвет встречается в 0% логотипов одежды, но более чем в 60% розничных брендов.
Для потребителей, которые сталкиваются с рекламой тысячи раз в день, эти визуальные подсказки могут быть бессознательным сообщением о том, что и кем они продаются.
Тенденции цвета логотипа в различных отраслях
Поделитесь этим изображением на своем сайте
Источник изображения: Canva

Компании из списка Fortune 500 и цвета логотипов: одна большая тенденция
При исследовании этой статьи и инфографики мы сначала рассмотрели логотипы компаний из списка Fortune 500. Здесь мы заметили одну заметную тенденцию.Синий — безусловно, самый популярный выбор цвета логотипов для этих компаний.
Легко понять, почему синие логотипы так популярны. Синий — безобидный цвет, безопасный, но изысканный оттенок. А для компаний, которые хотят обеспечить безопасность — скажем, в сфере финансов, технологий, здравоохранения или страхования — синий цвет делает замечательную работу.
Красный, с другой стороны, является более смелым выбором для бренда. Тем не менее, он стал вторым по популярности выбором. В рейтинге Fortune 500 существует четкая связь между пищевой и розничной отраслями и красным логотипом, что подтверждает исследования по различению цветов, проведенные Лабреком и Милном.
Фиолетовый то тут, то там в рейтинге Fortune 500, а розовый вообще отсутствует.
Синий, безусловно, самый популярный цвет логотипа для компаний из списка Fortune 500
Поделитесь этим изображением на своем сайте
Источник изображения: Canva

Психология цвета и логотипы
Невозможно говорить о цветах логотипов и брендинге, не говоря уже о психологии цвета. Эта область исследований изучает взаимосвязь между определенными оттенками и реакциями человека.
Сторонники психологии цвета считают, что вы можете использовать теорию, чтобы вызвать определенное поведение у покупателей.
Без сомнения, исследователи и маркетологи уловили закономерности в реакции человека на цвета.Но ничто из этого не является водонепроницаемым: один человек может думать о красном как о волнующем, привлекательном цвете, а другой может ассоциировать его с кровью и кровью. Контекст и целевая аудитория имеют важное значение. Черный может быть стабильным и надежным в одном контексте или резким и грубым в другом. А такие факторы, как культура, пол и возраст, означают, что разные цвета по-разному воспринимаются разными людьми.
Другими словами, психология цвета — это не черное и белое.
Урок здесь? Не существует цвета, который автоматически гарантировал бы успех вашему бренду, но выбор неправильного цвета может означать, что ваш целевой рынок не замечает вашего бренда.
Однако в сознании потребителей существуют сильные ассоциации с определенными цветами. Они протекают в обоих направлениях — ассоциация между оранжевым и энергией может быть не присуща самому цвету, а является результатом того факта, что он так часто используется брендами, которые хотят донести это послание. Потребители видят этот цвет и подсознательно знают, что передается тонкое сообщение. Таким образом, психология цвета становится самореализующимся пророчеством.
У цвета есть еще и физиологический аспект.Подумайте, когда вы видите флуоресцентный знак: иногда цвет может быть настолько ярким, что вам придется прищуриться. Нельзя отрицать, что одни цвета выглядят смелыми и привлекают внимание, в то время как другие более тонкие и нежные для глаз.
Некоторые компании используют это в своих интересах — например, McDonald’s, чей логотип часто встречается в многолюдных ресторанах или в качестве пункта назначения Drive-Thru на дороге. В таких ситуациях ярко-желтый цвет золотых арок играет роль сирены.
Тенденции логотипов
Логотипы не застрахованы от тенденций.Многие бренды обновляют свои логотипы каждые пять лет или около того, что позволяет им оставаться в курсе текущих тенденций, а также оставаться верными своей основной идентичности. Подумайте о своих бизнес-целях, когда решаете, следует ли следовать тенденциям в дизайне логотипов — если вы создаете малый бизнес, занимающийся прямыми продажами непосед, тогда имеет смысл следовать тенденциям; но если вы хотите создать бизнес, который существует уже несколько десятилетий, стремитесь к чему-то вневременному.
Общие цветовые ассоциации и цветовая символика
Давайте подробнее рассмотрим ассоциации, которые обычно вызывают в памяти цвета, и подтвержденные исследованиями.
Цветовые ассоциации логотипа
Поделитесь этим изображением на своем сайте
Источник изображения: Canva

3 шага к созданию собственного логотипа
01.Отраслевое исследование
Спросите себя: что это за бизнес и кто его аудитория? Помните, что ваш логотип должен понравиться вашему идеальному покупателю. И не забудьте посмотреть на конкурентов. Стратегия вашего бренда определит, будет ли вам удобнее создавать что-то, что противоречит отраслевым традициям, или придерживаться установленных тенденций, но очень важно знать, что еще есть.
Создатель логотипов Canva поможет вам создать подходящий логотип для вашей отрасли
02.Выберите тип логотипа
Существует два основных типа логотипа: словесные знаки и символы. Словесный знак — это то, где название компании является центром логотипа. Этот вид логотипа зависит от хорошего шрифта и правильного выбора цвета. Символический логотип опирается на иконографию, чтобы сделать бренд узнаваемым.
Создатель логотипа Canva поможет вам определить стиль вашего логотипа.
03. Выберите цветовую схему
Подумайте о том, какие ассоциации вы бы хотели, чтобы люди ассоциировали с вашим брендом.Какие цвета лучше всего поддерживают это? Выбранные вами цвета, вероятно, будут иметь жизнь не только в логотипе — они могут появиться на вашем веб-сайте, визитках и т. Д.
Добавление цветовой схемы с помощью средства создания логотипов Canva
Хотите избавиться от тяжелой работы при разработке логотипа? Попробуйте создатель логотипов Canva.
Автор
Амелия Маршалл
Рекомендовано для вас
Воплотите свои идеи в жизнь за считанные минуты.
Выразите себя с помощью самой простой в мире программы дизайна.
Навигация по нижнему колонтитулу
© 2021 Все права защищены, Canva ^®
Используйте теорию цвета, чтобы выбрать лучшие цвета для вашего дизайна
«Она была так взбешена, что увидела красный».
«Когда идет дождь, он чувствует себя синим».
«Они позеленели от зависти».
Цвет может вызывать эмоции, успокаивать, настораживать и даже раздражать! Это один из самых доступных аспектов дизайна, но в то же время это очень сложный технический предмет.Давайте кратко рассмотрим теорию цвета, чтобы вы могли использовать ее принципы и тактику, чтобы сделать убедительный выбор цвета для своих дизайнов.
Если вы исследуете цвет для проекта, мы включили несколько привлекательных палитр для каждого раздела и добавили шестизначные «шестнадцатеричные» коды для этих цветов. Возьмите ручку и запишите те, которые вам нравятся, или представьте их своим хорошим друзьям, мисс Копировать и мистеру Пасту.
Познакомьтесь с цветовым кругом
Это традиционное цветовое колесо с 12 спицами может показаться простым, но на самом деле его изобрел один из величайших ученых всех времен, сэр Исаак Ньютон, еще в 1666 году.По сути, он показывает цвета, расположенные по кругу, чтобы обозначить отношения между ними. Это цветовое колесо по-прежнему является стандартом для искусства и визуального дизайна и использует цветовую модель RYB (красный-желтый-синий), но есть и другие (CMYK для печати и RGB для экранов).
Основные цвета в цветовой модели RYB
В традиционном цветовом круге есть три основных цвета, из которых происходят все остальные цвета: красный, синий и желтый. Поскольку эти цвета рассматриваются как основные строительные блоки, их можно использовать вместе, чтобы передать темы простоты, надежности и силы.
Вторичные цвета в цветовой модели RYB
Смешайте два основных цвета вместе, и вы получите вторичный цвет. Вторичные цвета в этой цветовой модели — оранжевый, фиолетовый и зеленый.
Третичные цвета в цветовой модели RYB
Есть шесть третичных цветов, которые формируются путем смешивания основного и вторичного цветов. Иногда их называют «двухименными» цветами, но они содержат больше основного цвета, чем второстепенного.
Некоторые люди называют красно-пурпурный пурпурный; красно-оранжевый, как киноварь; сине-пурпурный, как фиолетовый; сине-зеленый, как бирюзовый; желто-оранжевый, как янтарь; и желто-зеленый как шартрез.
Использование гармонии цветов для выбора цвета
При выборе цветовой схемы вы можете попробовать один из подходов, который вы можете попробовать — выбрать цвета, которые хорошо гармонируют, естественно. Идея цветовой гармонии заключается в том, что создаваемая вами комбинация идеально сбалансирована с нужным количеством контраста. Цель состоит в том, чтобы придумать дизайн, который не был бы слишком мягким, но и не слишком противоречивым.
Как выбрать аналогичные цвета для ваших дизайнов
Аналогичные цвета располагаются бок о бок на цветовом круге.Совместное использование этих цветов создает успокаивающее и безмятежное ощущение, потому что цвета естественным образом сочетаются друг с другом. Подумайте об осенних листьях: прилив красных, оранжевых и желтых цветов. Однако, чтобы не усыпить зрителя, вы можете использовать черный, белый или серый для контраста или добавить дополнительный цвет к своей схеме.
Как выбрать дополнительные цвета
Еще один путь к гармонии — комбинировать дополнительные цвета, которые расположены прямо напротив друг друга на колесе (например, фиолетовый и желтый).Эти цветовые комбинации имеют максимальную контрастность, создавая захватывающий яркий дизайн. Но будьте осторожны, не злоупотребляйте этим методом, иначе ваш дизайн может оказаться слишком решетчатым.
Как выбрать триадную цветовую схему для вашего дизайна
Триадные цветовые схемы состоят из трех цветов, равномерно расположенных друг от друга, образующих треугольник на цветовом круге. При использовании триадных цветовых схем важно выбрать один цвет в качестве основного цвета, а два других должны действовать как вспомогательные.Это предохраняет дизайн от излишнего безумия и помогает создать пути для направления внимания туда, куда вы хотите.
Работа с разделенной дополнительной цветовой схемой
Разделенная дополнительная цветовая схема является лучшим выбором для начинающих дизайнеров, потому что в ней трудно ошибиться. Начните с одного цвета и посмотрите на цветовое колесо, чтобы найти его прямое дополнение — вместо того, чтобы выбирать этот цвет, выберите два аналогичных цвета по обе стороны от него. Так, например, если ваш первый цвет желто-зеленый, посмотрите на красно-фиолетовый, но выберите фиолетовый и красный в качестве второго и третьего цветов.
Вам не нужно выбирать аналогичные цвета, отличные от прямого дополнения всего на одну галочку; пока они находятся на одинаковом расстоянии от прямого дополнения, это работает.
Выбор четырехцветной цветовой схемы для вашего дизайна
Если ваша цветовая схема включает четыре цвета, она четырехцветная (приставка «тетра» означает «четыре»). Для прямоугольной четырехцветной (также называемой «двойной комплементарной») цветовой схемы выберите две дополнительные пары. Поскольку пары расположены напротив друг друга на цветовом круге, они обеспечивают хороший контраст, но вам нужно следить за балансом между теплыми и холодными цветами.Вы можете сделать это, выбрав, следует ли подчеркнуть теплоту или прохладу, а затем просто более экономно использовать противоположные цвета.
Выбор квадратной четырехцветной цветовой схемы
Аналогичный, но немного другой подход — это квадратная цветовая схема; каждый цвет равномерно распределен по цветовому кругу, поэтому между всеми цветами существует одинаковое напряжение. В своем дизайне вы можете выбрать один из них, который будет доминировать, а другие использовать в качестве акцентов.
Как выбирать цвета по тональному диапазону
Цветовой круг, как мы его здесь изобразили, показывает чистые оттенки на внешней стороне колеса.Чистые оттенки — это самая насыщенная версия цвета — это яркие, насыщенные цвета, все со схожими значениями. Использование только чистых оттенков в дизайне может подорвать последний нерв вашего зрителя. Вместо этого вы можете свободно использовать оттенки, оттенки и тона этих оттенков.
Что такое оттенки, оттенки и тона?
Оттенки, оттенки и тона — это вариации оттенка, созданные путем объединения чистого оттенка с черным, белым или обоими.
Добавьте белый цвет к оттенку, и вы получите оттенок , который будет менее интенсивным и менее насыщенным.Их также называют пастелью (см. Ниже).
Добавьте черный цвет к оттенку, и вы получите оттенок , более темный, насыщенный и интенсивный цвет.
Добавьте черный и белый (серый), чтобы создать тона этого оттенка.
Дизайн с использованием полутонов
Полутоновые цвета находятся на полпути между светлым и темным. Хотя вы можете создать приглушенную цветовую схему, полностью основанную на средних тонах, вы также можете выбрать цветовую палитру, которая фокусируется на средних тонах с одним насыщенным оттенком в качестве цвета акцента.Или вы можете использовать другие рычаги дизайна, такие как размер, движение или форма, чтобы сосредоточить внимание на приглушенном дизайне.
Выбор пастельных тонов
Эти цвета, также называемые «оттенками», представляют собой бледные версии насыщенных оттенков. Пастельные цвета — это культурный пробный камень, который появляется каждые несколько десятилетий (кухни 50-х, эпизоды полиции Майами 80-х, фильмы Уэса Андерсона 2000-х) и вызывают успокаивающую, беззаботную атмосферу. Поскольку пастель состоит из всех основных, вторичных и третичных цветов, вы можете комбинировать их, используя аналогичные, дополнительные, дополнительные и т. Д. Цветовые схемы, или добавить немного гравитации с более богатым акцентным цветом.
Выбор нейтральных цветов
Также называемые «ахроматическими» нейтральные цвета — это цвета, которым не хватает яркого оттенка. Наиболее распространенными нейтральными оттенками являются серый, черный, белый, коричневый, коричневый и кремовый. Как и средние тона, нейтральные цвета красиво сочетаются с ярким акцентным цветом или вместе создают приглушенную цветовую схему. Некоторые нейтральные цвета могут принимать оттенки цветов, с которыми они расположены рядом, так что имейте это в виду.
Как выбрать теплые и холодные цвета
Если вы разделите цветовое колесо пополам линией посередине, у вас будут теплые цвета (красный через желтый) с одной стороны и холодные цвета (от сине-зеленого до синего). фиолетовый) с другой.Эта основная группа часто ассоциируется с миром природы, где «теплые» цвета отражают дневной свет или закат, а «холодные» цвета отражают воду и небо. Есть некоторые разногласия по поводу точного разделения теплых и холодных цветов, когда речь идет о зеленом. Некоторые цветовые круги будут отображать как теплый зеленый, так и холодный зеленый цвет. Имеет смысл!
Дизайн с использованием теплых цветов
Теплые цвета кажутся «продвинутыми» в дизайне, что означает, что они кажутся длиннее, крупнее и ближе к зрителю.Чтобы создать контраст, вы можете сочетать яркий теплый цвет с дополнительным цветом, который будет прохладным. Считается, что теплые цвета вызывают чувство возбуждения, энергии и страсти.
Холодные цвета
Холодные цвета создают ощущение спокойствия и надежности. Их часто считают «удаляющимися» — они заставляют вещи казаться более далекими. Чтобы создать контраст, вы можете комбинировать холодный цвет с дополнительным цветом, который обязательно должен быть теплым.
Создание монохроматической цветовой схемы
Монохроматическая цветовая схема основана на одном оттенке, с вариациями, сделанными путем изменения его насыщенности.Дизайн с этой цветовой схемой, который иногда называют «тон в тон», можно рассматривать как а) элегантно простой или б) драматический образ, или и то, и другое. Как и в случае с другими цветовыми схемами, монохромные оттенки одного оттенка хорошо смотрятся с контрастными цветами здесь и там. Особенно важно опираться на другие элементы дизайна, чтобы обеспечить контраст и фокус.
Теперь, когда у вас есть теория цвета в заднем кармане, узнайте, как указать цвета, которые вы выбрали, с помощью шестнадцатеричных кодов, палитры цветов и т. Д.Или вы можете получить свои цвета из генератора цветовой палитры, который извлекает цвета из фотографии. Вы хотите почувствовать всех своего цвета, прежде чем выбрать несколько? Затем щелкните свой веселый путь через каджиллион цветов на наших цветных страницах — это похоже на дискотеку, которую радуга устраивает внутри калейдоскопа.
Изучите цвета для вашего следующего дизайн-проекта:
Как выбрать цветовую палитру для создания идеальной цветовой схемы
Наша задача как дизайнеров — взять продукт или проект и сделать его удобным для пользователя, оставаясь при этом верным бизнесу цели.Это непростая задача. Мы отвечаем за все, от макетов и пользовательских интерфейсов до типографики и выбора цвета.
Это не должно быть подавляющим. Имея несколько хорошо продуманных советов и подсказок, вы можете облегчить большую часть работы по подбору шрифтов и выбору цветов и цветовых схем. Мы уже рассмотрели первое, поэтому вот несколько подходов ко второму, которые должны улучшить вашу дизайнерскую игру и упростить выбор палитры, приятной для глаз и легкой для понимания.
Основы теории цвета
Давайте сначала разберемся с некоторыми основными вещами.Вот краткий список терминов и определений (да, например, в средней школе), чтобы мы все были на одной странице, когда дело касалось основных знаний.
Цветовая терминология
Оттенок : какого цвета что-то, например синего или красного
Цветность : насколько чистый цвет; к этому добавилось отсутствие белого, черного или серого
Насыщенность : сила или слабость цвета
Значение : насколько светлый или темный цвет
Тон : создается путем добавления серого к чистому оттенку
Оттенок : создается путем добавления черного к чистому оттенку
Оттенок : создается путем добавления белого к оттенку
Четыре основных типа цветовых палитр
Монохроматический : разные оттенки и глубины одного оттенка.Это могут быть самые простые цветовые схемы, поскольку все они взяты из одного цвета. Это усложняет (но не делает невозможным) создание резкой или уродливой схемы. Однако будьте осторожны; однотонные палитры могут быть скучными, если их сделать плохо.
Аналог : основной цвет и цвета по обе стороны от него на цветовом круге. Эти палитры обычно отлично отражают последовательность и единообразие дизайна. С ними также легко работать, потому что нет большой разницы в оттенках.Вместо этого контраст достигается в первую очередь за счет вариаций цветового оттенка, ограничивая любое отвлечение от контента.
Дополнительные : Дополнительные или противоположные цвета цветового круга (например, красный и зеленый, синий и оранжевый и т. Д.). Дополнительные палитры отлично подходят для передачи чувства баланса. Подобно аналогичным палитрам, добавление различных оттенков и оттенков может расширить эти схемы. Это особенно полезно для предотвращения яркого контраста, который может вызвать утомление глаз, когда два противоположных цвета расположены рядом друг с другом.
Триадный : три цвета из равноудаленных точек на цветовом круге (например, красный, желтый и синий). Триадический метод создает более разнообразную палитру. Это требует немного большего планирования и экспериментов, поскольку включает большее количество оттенков, которые противопоставляются друг другу.
Что означают цвета
Красный : энергия, сила, страсть
Апельсин : радость, энтузиазм, творчество
Желтый : счастье, интеллект, энергия
Зеленый : амбиции, рост, свежесть, безопасность
Синий : спокойствие, уверенность, интеллект
Purple : роскошь, амбиции, креативность
Черный : сила, элегантность, загадка
Белый : чистота, чистота, совершенство
Чтобы узнать больше о том, что означают определенные цвета, ознакомьтесь с этой публикацией в блоге Canva.
Примечание о доступности
Одна из проблем, о которой должны помнить дизайнеры UX, — это удовлетворение потребностей посетителей сайта с дальтонизмом или дефицитом цветового зрения (ССЗ). Этим заболеванием страдают более восьми процентов мужчин и около 0,5 процента женщин североевропейского происхождения. UX-дизайнеры должны использовать палитры для дальтонизма, адаптированные и сконфигурированные для соответствия множеству разновидностей дальтонизма. Ознакомьтесь с этой публикацией команды разработчиков Pinterest о том, как они подходят к доступности CVD на своей преимущественно визуальной платформе.
3 совета для начала работы
Начните с оттенков серого. Создавая дизайн вначале в оттенках серого, вы уделяете больше внимания удобству использования и четкой навигации, а не цвету кнопки с призывом к действию. только правильный . Заставьте себя сосредоточиться на размещении элементов и оптимизации белого пространства. Чистая иерархия типов и элементов будет иметь большое значение для создания лучшего пользовательского опыта.
Используйте правило 60-30-10. Используйте свои цвета в пропорции 60% + 30% + 10%.Это старое правило дизайна интерьера призвано сбалансировать ваши цвета. Формула работает, потому что позволяет глазу комфортно перемещаться от одной точки фокусировки к другой. Он также невероятно прост в использовании: 60% — ваш доминирующий оттенок, 30% — ваш вторичный цвет и 10% — это акцентный цвет. Даже если в вашей палитре больше трех цветов (но, пожалуйста, не больше пяти), поддерживать баланс будет чище для глаз и удобнее для мозга пользователей.
Лучшие цветовые сочетания исходят от природы. Они всегда будут выглядеть естественно. Лучшее в поиске дизайнерских решений — это то, что палитра постоянно меняется. Рассветы, закаты, пляжные сцены… все это имеет уникальные палитры, которые можно адаптировать в соответствии с вашими потребностями. Используйте такое приложение, как Adobe Capture (подробнее об этом в следующем разделе), чтобы изолировать цветовую палитру от фотографии для использования в других приложениях.
Связано: смотрите тренды цветовых палитр на Dribbble с этой новой платформой
3 цветных инструмента, которые улучшат вашу палитру
Color Hunt — это «бесплатная и открытая платформа для цветового вдохновения с тысячами модных цветовых палитр, подобранных вручную.«Это отличный способ пролистать (почти) бесконечный поток цветовых палитр в поисках тех, которые поразят ваше воображение.
Coolors.co — Этот инструмент представляет собой «сверхбыстрый генератор цветовых схем для крутых дизайнеров». Существует приложение для iOS вместе с надстройками Adobe для Photoshop и Illustrator. Вы можете просматривать тысячи цветовых палитр от сообщества, сохранять и получать доступ к своим любимым цветовым палитрам практически отовсюду и использовать их в своих проектах всего несколькими щелчками мыши.
Paletton — похож на Coolors и Color CC с основным отличием в том, что вы не ограничены только 5 тонами.Это отличный инструмент, который можно использовать, когда у вас есть основные цвета и вы хотите изучить дополнительные тона. Если вы хотите изучить все различные типы цветовых палитр, о которых мы говорили выше, это отличный инструмент, чтобы узнать о них.
После того, как вы выбрали свою цветовую палитру, обязательно добавьте ее в свою дизайн-систему с помощью нового диспетчера системы дизайна InVision. У вас еще нет учетной записи DSM? Обязательно зарегистрируйтесь сегодня. Текущие пользователи DSM, войдите в систему ниже, чтобы испытать эти новые функции.
Как выбрать правильную цветовую палитру для вашего дома
Нет ничего индивидуальнее цвета. Выбор цветовой палитры является одновременно и самой важной, и самой сложной частью для многих, когда дело доходит до украшения дома. Прочтите и получите несколько полезных советов, поскольку мы поможем вам создать цветовую палитру, которая наилучшим образом соответствует вашему стилю, индивидуальности и образу жизни.
mikehutch50 / Twenty20
Выбираем цвета
Начните с работы с цветовым кругом.Есть первичные, вторичные и третичные цвета.
Мгновенно получайте скидки на предметы интерьера!
Подключайтесь к купонам на благоустройство дома и промокодам, которых вы так долго ждали.
Посмотреть предложения
Основные цвета — красный, синий и желтый. Это чистые цвета, и их невозможно создать.
Дополнительные цвета: оранжевый, зеленый и фиолетовый. Эти цвета образуются при совмещении равных частей двух основных цветов.Например, равные части желтого и синего дают зеленый цвет. Как бы то ни было, именно здесь мы начинаем выбор цвета.
Третичные цвета представляют собой смесь вторичных и первичных цветов в различных частях для создания разных оттенков, в результате чего первичный и вторичный цвета становятся менее яркими. Чтобы затемнить и смягчить эти оттенки, часто добавляют белый и черный цвета.
Photographee.eu/ Shutterstock
Создание вашей цветовой схемы
Воспользуйтесь цветовым кругом, чтобы создать собственную цветовую схему, которая лучше всего соответствует вашей индивидуальности.Есть 4 вида возможных цветовых схем.
Монохроматический. В монохромной цветовой схеме используется тон в тон одного цвета с добавлением белого или черного для осветления или затемнения цвета. Например, в этой схеме синий может стать бледно-голубым или темно-синим, и для создания этого эффекта используются все три оттенка одного и того же оттенка.
Аналог. В аналогичной схеме используются цвета, которые появляются рядом друг с другом на цветовом круге.Например, желтый будет использоваться с зеленым или оранжевым, или синий будет использоваться с зеленым или фиолетовым. Это создает красочную и часто успокаивающую палитру.
Контрастность. Контрастная схема более драматична. Здесь используется триада контрастных цветов, таких как желто-оранжевый, зелено-синий и красно-фиолетовый. Это привнесет больше цвета и энергии в палитру вашего дома.
Дополнительный. Наконец, у нас есть дополнительная схема, в которой два противоположных цвета, такие как синий и оранжевый, используются вместе для создания драматической, смелой и высокоэнергетической цветовой схемы.
Создание вашей цветовой схемы
Мы предостерегаем от выбора цвета стены в первую очередь. Краски для стен недорогие, их можно создать любого цвета и любого оттенка по вашему желанию. Лучше всего начать с того, что труднее найти такие предметы, как мебель, коврики или ковры. После того, как вы выбрали мебель, вы можете переходить к цвету стен. Вы можете решить, что предпочитаете цвет не на стенах, а на аксессуарах или мебели. Многие предпочитают это.Другие, наоборот, предпочитают более нейтральную обстановку на фоне смелых и мощных стен.
Что нужно учитывать
Photographee.eu/ Shutterstock
При выборе цветовой палитры вы можете начать с контрастов: что-то темное сочетается с чем-то светлым. Если вы хотите придать комнате больше цвета и энергии, подумайте о добавлении чего-нибудь яркого. Где вам нужны эти цвета? Если вам удобнее использовать светлые стены, присмотритесь к своей мебели, аксессуарам и коврам, чтобы добавить цвета.Выбирая цвета, особенно более смелые, убедитесь, что они четкие, а линии чистые. Если ваш стиль более тонкий, следует рассмотреть более мягкие нейтральные оттенки.
Цветовые тона
Проверьте свои цвета с образцами красок и тканей. Нарисуйте планы комнат и нарисуйте цвета. Если они работают на бумаге, попробуйте покрасить небольшие участки стен. Именно по этой причине вы можете купить краску любого цвета в пробном размере. При рисовании пробных участков смотрите на другие комнаты и на то, как они соединяются, чтобы вы могли создать поток из комнаты в комнату, чтобы цвета дополняли друг друга.Смежной комнате может потребоваться неакцентированный или нейтральный цвет, или, наоборот, вы можете работать с контрастными тонами, если всегда есть подобие потока.
Освещение
Освещение — важный аспект любого интерьера и функциональности в доме, и его никогда не следует упускать из виду. Свет отражает и отклоняет цвет, постоянно меняя его в течение дня. Самые настоящие цвета комнаты — это те, которые можно найти в светлое время суток, а оттенки будут меняться в течение дня и сезона по мере изменения освещения.Различные светильники также могут изменить внешний вид цвета. Например, индиго может казаться более синим в одной комнате и иметь гораздо больше красного в другой.
Обязательства
Вам нравится идея наполнить пространство цветом, но вы еще не совсем готовы добавить его к своим стенам. Есть много способов добавить ярких красок в ваш дом. Если вы сохраните нейтральные цвета стен — бледно-бежевые, песочные, цвета слоновой кости, серые и белые — вы можете добавить цвета с помощью ковров, мебели, ламп, подушек, покрытий и произведений искусства, цветов и свежих фруктов.Вы также можете покрасить потолок или акцентную стену.
С чего начать цвет
kane251 / Twenty20
Начать с начала. Началом может быть центральная комната, парадный холл или вестибюль. Есть ли цвет или набор цветов, которые вам особенно нравятся? Вы предпочитаете синий, желтый, зеленый? Начните с цвета, который вам больше всего подходит. Затем возьмите этот цвет и посмотрите на него на несколько оттенков светлее и на несколько оттенков и оттенков темнее.Так, например, на цветовом круге вы выбрали зеленый цвет. Вы пошли в магазин красок и выбрали дюжину или около того, чтобы нарисовать образцы разных оттенков зеленого. Вам нравятся два оттенка: в одном больше серого, а в другом — синего. Возможно, выберите один оттенок для столовой, а другой — для гостиной. Чтобы они работали вместе, выберите нейтральный, который можно использовать в обеих комнатах для потолка или отделки, или для того и другого. Некоторые предлагают сохранять нейтральные тона прихожих, лестничных площадок и соединительных пространств.
Отделить верхний этаж от нижнего
Корневамаха / Твенти20
Верхний и нижний этажи являются двумя отдельными объектами и должны рассматриваться как таковые. Лучше всего покрасить лестничную площадку или коридор в мягкий или нейтральный цвет, так как часто верхний этаж состоит в основном из спален, которые часто могут иметь очень разные цвета и контрасты. Детские комнаты часто бывают яркими и яркими, в то время как номера и домашние офисы — нет. Если к вашей главной спальне примыкает главная ванная комната, вам не нужно красить обе комнаты в один цвет, но подумайте о разных тонах одного цвета — возможно, покрасьте одну комнату немного светлее другой.Поскольку они связаны между собой, должно быть некоторое подобие потока. Выбор цвета должен доставлять удовольствие и ни в коей мере не вызывать стресса. Не торопитесь ни с чем. Посетите магазин красок, поговорите с профессионалами, принесите домой столько образцов, сколько захотите, и повесьте их по всему дому, если хотите. В конце концов, это рекомендации, которые помогут вам, но все правила и рекомендации не обязательно должны соблюдаться до буквы T. Слушайте свою интуицию, доверяйте своим инстинктам — они никогда не лгут!
Выбор цветовой палитры для вашего проекта
Где-то между каркасом и прототипированием вам нужен правильный выбор цвета для вашего дизайн-проекта.В некоторых отношениях ваша цветовая палитра имеет такое же значение, как и структура вашего дизайна. Учитывая его важность, вы не хотите выбирать цвета без внимательного рассмотрения.
Следующая информация поможет вам выбрать цветовую палитру, которая сделает ваши продукты более привлекательными и полезными.
Понимание теории цвета
Цветовой круг выглядит обманчиво простым. На первый взгляд вы можете подумать, что он дает вам немного больше, чем выбор цветов.Чем больше вы его изучаете, тем сложнее становится. Вы обнаружите, что он дает вам примеры:
Холодные и теплые тона. Холодные цвета включают синий, зеленый и фиолетовый. К теплым цветам относятся красный, оранжевый и желтый.
Значение (оттенок или оттенок цвета).
Насыщенность (интенсивность цвета).
Более глубокое понимание открывает почти бесчисленное множество способов использования цветового круга для создания цветовых палитр.
Различные типы цветовых палитр
Некоторые популярные цветовые палитры включают:
60-30-10 Правило использования цвета
Правило 60-30-10 дает вам простой способ выбрать цветовую палитру и придерживаться ее.Если все сделано правильно, это также может помочь в установлении идентичности бренда.
Согласно этому правилу, вы используете основной цвет в 60% случаев; вторичный цвет в 30% случаев; и акцентный цвет в 10% случаев.
Правило особенно хорошо работает в веб-дизайне, потому что вы можете сделать свою работу чистой и простой. Например, вы можете использовать дополнительный цвет в качестве светлого фона для своей страницы.
Заголовки, подзаголовки и другие важные аспекты дизайна могут отображаться в основном цвете.Наконец, вы можете использовать акцентный цвет, чтобы добавить немного изящества кнопкам или небольшим фрагментам текста.
Популярные цветовые палитры
Популярные цветовые палитры постоянно меняются. Не влюбляйтесь в него слишком сильно, потому что он изменится до конца года. Некоторые варианты цветовой палитры, которые, как ожидается, будут иметь тенденцию в 2021 году, включают:
Оттенки кожи человека.
Перенасыщенные цвета.
Текстурированные цвета, которые выглядят выцветшими.
Сюрреалистичные, сногсшибательные цветовые комбинации.
Не каждому продукту нужна модная цветовая палитра, а предпочтительнее неподвластные времени фирменные цвета. Например, клиент с устоявшимся брендом может отклонить новые цветовые палитры, которые кажутся противоречащими уже знакомым клиентам и клиентам личностям.
Пытаетесь найти идеальную цветовую палитру для своего дизайна? Множество онлайн-инструментов и приложений могут помочь вам изучить творческие возможности, которые выделят ваш продукт среди других, независимо от того, любите ли вы пастель, ретро или любой другой цвет.
Охладители https://coolors.co/
Один из самых популярных генераторов цветовых схем в последние годы, Coolors предлагает инструменты, которые помогут вам выбирать цвета для веб-сайтов, приложений для смартфонов и других продуктов.
Многим людям нравится Coolors, потому что они могут создавать бесплатные учетные записи, которые позволяют им создавать цветовые схемы, выбирая онлайн-изображения, вводя шестнадцатеричные коды или исследуя тенденции цветовых палитр.
Цвета материала https: // материал.io / design / color / the-color-system.html # color-usage-and-palettes
Если вы используете Material Design от Google, то можете полагаться и на цветовую систему Material Design. Этот инструмент обещает помочь вам использовать цвет таким образом, чтобы добавить смысл вашему пользовательскому интерфейсу.
Material Design имеет множество инструментов, которые можно использовать для создания творческих цветовых комбинаций. Однако это не означает, что вы освоили цветовое колесо. Если вы заблудились, воспользуйтесь обучающими материалами и видео Google, чтобы узнать больше о том, как цвета могут повлиять на то, как люди используют ваши продукты.
Хотите узнать больше о Material Design? Прочтите Введение во взаимодействие с материальным дизайном .
Цветной набор https://colorsupplyyy.com/app/
Если у вас нет большого опыта в выборе цветовых палитр, вам нужно потратить некоторое время на то, чтобы поиграть с Color Supply.
Когда вы открываете инструмент, вы видите базовое цветовое колесо. Под цветовым кругом вы можете изменить тип цветовой палитры, которую хотите использовать.Варианты включают:
Дополнительный
Аналогичный
Triad
Slit-Complement
Square
Fresh
Manga
Это довольно просто и позволяет легко экспериментировать с различными цветовыми палитрами.
Проблемы доступности для людей с дальтонизмом Тенденции дизайна
2020 включают повышение доступности для людей, которые иначе воспринимают визуальные эффекты. Например, люди с дальтонизмом часто не могут определить зеленый, красный, синий или желтый цвета.
Около 300 миллионов человек в мире живут с тем или иным типом дальтонизма, поэтому имеет смысл выбирать цветовые палитры, которые они могут ярко ощутить. Такой инструмент, как Venngage, упрощает автоматическое использование цветовых палитр, удобных для людей с дальтонизмом. Вы также можете упростить понимание дизайна, используя высококонтрастные цвета, добавляя больше текстур к цветам и добавляя больше символов, значение которых не зависит от цвета.
Улучшение единообразия бренда с помощью цветовых палитр в UXPin
Независимо от того, какую цветовую палитру вы выберете для своего следующего дизайна, вам необходимо обеспечить единообразие, которое поможет пользователям понять, как работают продукты.Если ваша цветовая палитра меняется от страницы к странице, посетители будут очень сбиты с толку.
Вам также необходимо убедиться, что все ваши дизайнеры знают, какую цветовую палитру им следует использовать в каждом проекте. UXPin помогает менеджерам сохранять контроль над проектами, создавая системы дизайна, ограничивающие доступные дизайнеры цветовых палитр. Когда у вас есть дизайн-система, вы устанавливаете ограждения, которые позволяют дизайнерам исследовать свои творческие импульсы, не выходя за рамки бренда. Хорошая дизайн-система также может упростить ваш процесс и ограничить количество изменений, которые вам нужно внести до завершения работы над продуктом.
Хотите увидеть, насколько легко UXPin помогает вам создать дизайн-систему, которая сделает ваши дизайн-проекты более успешными? Подпишитесь на бесплатную пробную версию сегодня, чтобы протестировать функции UXPin. Вам не нужно предоставлять данные своей кредитной карты, поэтому вы можете без каких-либо обязательств использовать лучший инструмент для проектирования и создания прототипов для команд.
4 шага по выбору цветовых комбинаций для инфографики
Листаете ли вы телеканалы, переходите с одного веб-сайта на другой или просто просматриваете ленты социальных сетей, наш мозг имеет привычку в первую очередь улавливать цвета.
Правильная цветовая схема может творить чудеса, привлекая внимание человека, делая все, что вы хотите сообщить, более эффектным.
Это особенно верно в отношении инфографики, где визуальные элементы используются для выделения текста. Точки, линии и формы — очевидные элементы практически любой инфографики, но именно цвет может вдохнуть жизнь в дизайн и объединить его.
Однако для многих людей выбрать подходящую цветовую палитру непросто — давайте посмотрим правде в глаза, не все из нас художники, которые понимают цвет на основе чувств и инстинктов.
И даже если бы вы это сделали, если вы создаете важный актив, например, инфографику для своей компании, вы не можете точно сказать своему боссу, : «Я выбрал разные оттенки красного, потому что это было приятно».
Хорошая новость заключается в том, что есть несколько логических правил, на которые вы можете ссылаться при выборе удачных цветовых комбинаций.
1. Изучение теории цвета
Прежде всего, давайте рассмотрим основы. Ниже приведены некоторые технические термины, используемые для описания цвета:
Оттенок — основной цвет объекта, отображаемый на цветовом круге (например,g., синий, красный, зеленый)
Тон — смесь чистого оттенка и серого
Цветность — Чистота или интенсивность оттенка. Если к оттенку добавлено больше серого, тем менее «чистым» он становится.
Насыщенность — Интенсивность или яркость цвета
Оттенок — Цвет, созданный путем смешивания оттенка с черным, который увеличивает темноту
Оттенок — цвет, созданный путем смешивания оттенка с белым, что уменьшает темноту
Значение — светлота или темнота цвета
Необязательно знать эти ключевые термины наизусть, но знание разницы, скажем, между оттенком и тоном, может помочь вам лучше объяснить свой выбор дизайна клиенту или начальнику.
Понимание этих терминов также позволяет лучше понять правила цвета.
Имея буквально миллионы цветов на выбор, можно легко заблудиться в выборе, который вы должны сделать в своем дизайне. Сколько цветов нужно использовать? Какие цвета подходят друг другу? Какие цвета нет?
Введите цветовое колесо
Вот здесь-то и появляется цветовое колесо. Возможно, это самый полезный инструмент для выбора различных типов цветовых палитр. Цветовой круг помогает вам делать логический выбор, обеспечивая визуальное представление теории.
Основные цвета — Красные, желтые и синие цвета, которые являются «чистыми» цветами (т. Е. Они не могут быть образованы путем комбинирования других цветов)
Вторичные цвета — Эти цвета, такие как оранжевый, зеленый и фиолетовый, образуются путем сочетания двух основных цветов.
Третичные цвета — такие цвета, как красно-оранжевый, сине-фиолетовый и сине-зеленый, которые создаются путем смешивания основного и вспомогательного цветов.
Используя цветовое колесо, вы можете использовать правила цветовой гармонии для создания хороших цветовых сочетаний.
Например, если вы хотите, чтобы синий был основным цветом вашей инфографики, вы можете использовать разные типы палитр, чтобы в итоге получить разные цвета, которые хорошо сочетаются друг с другом. Ниже приведены несколько примеров этих палитр.
Палитра аналоговых цветов
Аналогичные цвета или родственные цвета определяются путем выбора одного основного цвета и двух или более цветов в непосредственной близости от него на цветовом круге.
Цветовая палитра Triadic
Триадная цветовая схема состоит из трех цветов, равномерно расположенных на цветовом круге.
Дополнительная цветовая палитра
Дополнительные цвета — это цвета на противоположных сторонах цветового круга.
Монохромная палитра цветов
Монохромные цвета состоят из разных оттенков и тонов одного оттенка.
2. Понимание психологии цвета
Здесь все становится по-настоящему весело и увлекательно.
Как упоминалось ранее, цвета имеют глубокие корни в эмоциях, с определенными цветовыми схемами, способными передавать идеи и эмоции на подсознательном уровне.
Психология цвета изучает влияние цветов на поведение человека и то, как мы воспринимаем различные вещи, будь то еда, наше окружение или предметы, которые мы используем в повседневной жизни.
В маркетинге и графическом дизайне психология цвета часто используется для усиления сообщений, гарантируя, что определенные эмоции связаны с информацией, передаваемой в визуальной среде.
Например, красный цвет может передать ощущение срочности. Зеленый можно связать с природой.Синий может быть использован из-за его успокаивающего эффекта. На самом деле, согласно исследованиям, синий — самый любимый цвет в мире, возможно, из-за того, что он содержится в вещах, которые успокаивают людей: в океане и небе.
Рассмотрим подробнее разные цвета и их значения.
Оранжевый
Оранжевый — это цвет, который в надлежащем контексте способствует бодрости, веселью и энергии. Это также может быть цвет, связанный с молодежью, как видно на логотипах таких брендов, как Nickelodeon, Firefox и SoundCloud.
На приведенной ниже инфографике оранжевый цвет соответствует теме молодых людей, бросающих колледж.
Красный
Красный — властный цвет, привлекающий внимание, куда бы вы ни пошли. Красный цвет, используемый в маркетинге и дизайне, часто ассоциируется с азартом, любовью и действием. Его также можно использовать в качестве цвета предупреждения.
Эта инфографика Coca-Cola эффективно использует красный цвет, используя его интенсивность, чтобы привлечь внимание к заголовку и бутылке Coca-Cola.
зеленый
В психологии цвета зеленый, как правило, является цветом с положительным значением, сообщающим о росте, здоровье и плодовитости. Зеленый цвет ассоциируется не только с природой, но и с деньгами. В приведенной ниже инфографике оттенки зеленого используются для усиления позитивного сообщения о финансовой безопасности.
Помните, хотя использование психологии цвета может быть отличным способом выделить вашу инфографику, любая используемая вами цветовая комбинация должна иметь смысл для вашего бренда и любой информации, содержащейся в графике.
Например, инфографика с содержанием о чем-то серьезном, например о болезни, может не сочетаться с цветовой схемой с оттенками зеленого.
3. Выберите свой метод выбора цветовой палитры
Теперь, когда вы знаете основы теории цвета и психологии цвета, вы можете приступить к выбору цветовой палитры инфографики. Это можно сделать разными способами.
Взять цвета из образца изображения
Если вы видите изображение в Instagram или Pinterest с красивыми цветами, вы можете загрузить его или сделать снимок экрана и использовать инструмент, чтобы попробовать его цветовую палитру.
Совет: вы можете использовать Piktochart для загрузки любого изображения в формате JPG, PNG или SVG. Инструмент определяет цвета на изображении, позволяя вам выбрать до шести цветов и сохранить их в качестве фирменных цветов во всех ваших дизайнах.

Эту функцию также можно найти в других инструментах, таких как Adobe Color, который извлекает цвета из изображения и показывает соответствующие коды в режимах RGB, CMYK или HSV.
Используйте генератор
Если вы предпочитаете начинать с нуля, а не использовать эталонное изображение, такие инструменты, как Coolors, генерируют для вас случайную цветовую схему.
Следуйте фирменным цветам вашей компании
Конечно, если вы создаете брендированный материал, имеет смысл выбрать цветовую схему, которая действительно соответствует вашему логотипу или руководству вашего бренда.
В зависимости от вашей политики брендинга это может быть требованием. Вот пример инфографики FedEx, которая четко соответствует фиолетовому логотипу бренда.
Вдохновляйтесь природой
Если сомневаетесь, доверьте матери-природе вдохновение.Ничто не сравнится с цветовой гармонией, естественной для окружающей среды, будь то сочетание синего, зеленого и белого в небе и деревьях или множество оттенков синего в океане.
Если вы не знаете, с чего начать, поищите в Интернете альбомную фотографию или загрузите свои собственные изображения в такой инструмент, как Piktochart или Coolors, чтобы получить любые цвета на нем. Вот пример:
Позвольте другим делать это за вас
Когда ничего не помогает, нет ничего плохого в том, чтобы позаимствовать цветовые схемы других людей.Ищите вдохновение у ведущих брендов или используйте такие приложения, как Coolors и Color Hunt, которые предоставляют обширную коллекцию цветовых палитр, используемых дизайнерами — отлично, если вам нужна небольшая помощь для начала работы.
4. Внесите свои цвета в свой дизайн
Пришло время начать настоящую работу: интегрировать цвета в инфографику. Опять же, есть несколько способов сделать это.
Следуйте правилу 60-30-10
Одним из основных принципов использования цвета в дизайне является Правило 60-30-10.Эту дизайн-систему можно разбить на следующие этапы:
Выбор основного или «корневого» цвета в вашей цветовой схеме. Это будет занимать 60% площади вашей инфографики.
Затем выберите дополнительный цвет. Это покроет 30 процентов инфографики.
Наконец, выберите цвет акцента, который покроет оставшиеся 10 процентов дизайна. Это яркий цвет, который помогает связать всю графику воедино.
Правило 60-30-10 отлично подходит, если ваша цветовая схема соответствует цветовой палитре Триады.Однако, если у вас четвертый или пятый цвет, вы можете разделить основные или второстепенные цвета и добавить в свой дизайн более светлый оттенок одного или другого цвета.
В приведенной ниже инфографике представлены четыре цвета: оттенки серого, оранжевого, бирюзового и красного, преобладающие цвета которых указаны в этом порядке.
Придерживайтесь двух основных цветов
Другой принцип дизайна заключается в том, чтобы в инфографике преобладали два цвета в вашей цветовой схеме. Уменьшение количества цветов в инфографике делает ее более целостной.
Если в вашей цветовой схеме более двух цветов, выберите два в качестве основных, а остальные используйте в качестве акцентов.
Эта инфографика Pepsi предлагает пример использования этого принципа дизайна.
Между тем, эта инфографика истории Ferrari также имеет два основных цвета: фирменный красный и желтый.
Используйте тусклые и приглушенные цвета для фона
Если в вашей цветовой схеме есть тусклые и приглушенные цвета, такие как светлые оттенки серого, синего, бежевого или коричневого, попробуйте использовать эти цвета в качестве фона.
Тусклые цвета могут служить белым пространством инфографики, помогая выделить текст и другие визуальные элементы более ярких цветов.
Посмотрите эту инфографику Эмирейтс, текстовые визуальные элементы которой расположены на голубом фоне.
Цвета из одного семейства хорошо сочетаются друг с другом
Монохромная цветовая палитра может отлично смотреться на инфографике, особенно если она отражает ваш бренд.
На этой инфографике от ВР явно присутствует фирменный зелено-желтый брендинг компании.Однако в дизайне преобладают три оттенка зеленого, создавая единый дизайн.
Собери все вместе
При выборе цветовой схемы для вашего следующего инфографического проекта помните следующие шаги:
Осветите теорию цвета . Это позволяет понять разницу между оттенком, насыщенностью, значением и цветностью, что, в свою очередь, помогает понять концепции цвета, визуализированные цветовым кругом.
Посмотрите психологию цвета .Цвет может заставить вашу инфографику вызвать эмоциональный отклик. Уловка заключается в использовании правильных цветов, которые вызывают желаемый отклик.
Выясните, как выбрать цветовую схему . Есть всевозможные онлайн-инструменты, которые помогут вам выбрать цветовые схемы из образцов изображений или с нуля.
Соблюдайте особый принцип конструкции . Настройте цветовую схему для достижения успеха, применяя ее в соответствии с хорошими принципами дизайна.
Мы узнаем больше о теории цвета в нашем бесплатном онлайн-курсе, на который вы можете записаться, чтобы стать сертифицированным рассказчиком визуальных историй!
Когда вы будете готовы начать работу, используйте Piktochart для создания профессиональной инфографики.

РубрикаРазное