Палитра синий: Идеи на тему «Blue and brown» (30)

Оттенки синего. Таблица цветов | LOOKCOLOR

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

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

вечерний цвет 16-3919 TCX	цвет лавандового блеска 16-3920 TCX	цвет виноградного тумана 16-3929 TCX	пыльно-синий цвет 16-4010 TCX
серо-синий цвет 16-4013 TCX	цвет синей вечности 16-4019 TCX	синий цвет Делла Роббиа 16-4020 TCX	очаровательно-синий цвет 16-4021 TCX
васильково-синий цвет 16-4031 TCX	прованский синий цвет 16-4032 TCX	Аронианский синий цвет 16-4109 TCX	цвет синего камня 16-4114 TCX
сумеречно-синий цвет 16-4120 TCX	фамильный синий цвет 16-4127 TCX	синий цвет маленького мальчика 16-4132 TCX	синий цвет новорожденного 16-4134 TCX
цвет бездны 16-4404 TCX	цвет шифера 16-4408 TCX	цвет бури 17-3915 TCX	джинсовый цвет 17-3917 TCX
цвет синей страны 17-3918 TCX	цвет пурпурного впечатления 17-3919 TCX	Цвет английского поместья 17-3920 TCX	цвет синего льда 17-3922 TCX
колониальный синий цвет 17-3923 TCX	фиолетово лавандный цвет 17-3924 TCX	цвет цветков чернушки 17-3934 TCX	цвет синей шапки 17-3936 TCX
цвет бесконечности 17-4015 TCX	цвет синей тени 17-4020 TCX	цвет линялых джинс 17-4021 TCX	небесно-синий цвет 17-4023 TCX
риверский синий цвет 17-4027 TCX	синий цвет серебряного озера 17-4030 TCX	ультрамарин 17-4037 TCX	синий цвет гавани 17-4041 TCX
синий цвет крепости 17-4111 TCX	цвет Ниагары 17-4123 TCX	серо-бирюзовый цвет 17-4131 TCX	лазурный синий цвет 17-4139 TCX
дивный синий цвет 17-4247 TCX	Адриатический синий цвет 17-4320 TCX	цвет синяя луна 17-4328 TCX	жизнерадостно синий цвет 17-4336 TCX
цвет синего дыма 17-4412 TCX	синий цвет живокости 17-4421 TCX	цвет сойки 17-4427 TCX	яркий синий цвет 17-4432 TCX
Дрезденский синий цвет 17-4433 TCX	синий цвет Малебу 17-4435 TCX	Дунайский синий 17-4440 TCX	Цвет гавайского океана 17-4540 TCX
синий цвет шторма 17-4716 TCX	цвет синей пагоды 17-4724 TCX	алжирский синий цвет 17-4728 TCX	канильский синий цвет 17-4730 TCX
цвет кипрского бриза 17-4735 TCX	Бристольский синий цвет 17-4818 TCX	арктический цвет 17-4911 TCX	бирюзовый цвет 17-4919 TCX
озерно-синий цвет 17-4928 TCX	бирюзово-синий цвет 17-5024 TCX	навигационный цвет 17-5025 TCX	китайский синий цвет 18-3918 TCX
цвет фиода 18-3920 TCX	цвет синей бижутерии 18-3921 TCX	цвет синей диадемы 18-3922 TCX	голландский синий цвет 18-3928 TCX
цвет марлина 18-3932 TCX	цвет Велджвуда 18-3935 TCX	цвет синего явления 18-3937 TCX	ампарский синий цвет 18-3945 TCX
цвет синего спуска 18-3946 TCX	ослепительно синий цвет 18-3949 TCX	цвет синего спектра 18-3963 TCX	цвет синего гоблина 18-4011 TCX
натуральный бирюзовый оттенок 18-4018 TCX	капитанский синий цвет 18-4020 TCX	цвет синего пепла 18-4023 TCX	цвет синего копена 18-4025 TCX
звездный цвет 18-4026 TCX	синий цвет лунного света 18-4027 TCX	федеральный синий цвет 18-4029 TCX	цвет морской глубины 18-4032 TCX
парижский синий цвет 18-4036 TCX	цвет регата 18-4039 TCX	звездно-сапфировый цвет 18-4041 TCX	дворцовый синий цвет 18-4043 TCX
цвет волчьи ягоды 18-4045 TCX	мощный синий цвет 18-4051 TCX	французский синий цвет 18-4140 TCX	колокольчиковый цвет 18-4141 TCX
викторианский синий цвет 18-4148 TCX	цвет голубого миража 18-4215 TCX	цвет медного купороса 18-4217 TCX	провинциальный синий цвет 18-4220 TCX
цвет голубой стали 18-4222 TCX	саксонский синий цвет 18-4225 TCX	цвет синего сапфира 18-4231 TCX	фаянсовый цвет 18-4232 TCX
Директорианский синий цвет 18-4244 TCX	сияющий синий цвет 18-4247 TCX	цвет синей астры 18-4252 TCX	эгейский синий цвет 18-4320 TCX
шведский синий цвет 18-4330 TCX	средиземноморский синий цвет 18-4334 TCX	синий цвет гобеленов 18-4417 TCX	цвет турецкой плитки 18-4432 TCX
цвет перегородчатой эмали 18-4440 TCX	колониальный синий цвет 18-4522 TCX	цвет Карибского моря 18-4525 TCX	цвет синей мозаики 18-4528 TCX
небесно-синий оттенок 18-4530 TCX	драгоценный синий цвет 18-4535 TCX	цвет синего металла 18-4537 TCX	североатлантический синий цвет 18-4612 TCX
цвет гидры 18-4718 TCX	цвет Бискайского залива 18-4726 TCX	Харборский голубой цвет 18-4728 TCX	цвет голубой эмали 18-4733 TCX
цвет синей плитки 18-4735 TCX	цвет глубокого озера 18-4834 TCX	британский синий цвет 18-5610 TCX	темно-синий цвет 19-3864 TCX
синий цвет двубортного пальто 19-3920 TCX	темно-ирисовый цвет 19-3921 TCX	патриотический синий цвет 19-3925 TCX	темно-серо-синий цвет короны 19-3926 TCX
цвет синий индиго 19-3928 TCX	средневековый синий цвет 19-3933 TCX	глубокий кобальтовый цвет 19-3935 TCX	капитанский синий оттенок 19-3936 TCX
сумеречно синий цвет 19-3938 TCX	чертежный синий цвет 19-3939 TCX	глубинный синий цвет 19-3940 TCX	цвет глубокого ультрамарина 19-3950 TCX
цвет виртуальных путешествий 19-3952 TCX	королевский синий цвет 19-3955 TCX	цвет синего платья 19-4024 TCX	цвет лунного индиго 19-4025 TCX
военный синий цвет 19-4026 TCX	синий цвет усадьбы 19-4027 TCX	символический синий цвет 19-4028 TCX	цвет морского флота 19-4030 TCX
темно-синий с серым оттенком 19-4035 TCX	цвет яркий кобальт 19-4037 TCX	дельфитский синий цвет 19-4039 TCX	Лиможский синий цвет 19-4044 TCX
подводный синий цвет 19-4049 TCX	морской синий цвет 19-4050 TCX	классический синий цвет 19-4052 TCX	цвет турецкого моря 19-4053 TCX
олимпийский синий цвет 19-4056 TCX	синий цвет 19-4057 TCX	цвет темно-синяя полночь 19-4110 TCX	темено-джинсовый цвет 19-4118 TCX
майоликовый цвет 19-4125 TCX	цвет полуночи 19-4127 TCX	синий цвет принцессы 19-4150 TCX	парашютно-синий цвет 19-4151 TCX
индийский бирюзовый цвет 19-4227 TCX	синий цвет Ориона 19-4229 TCX	цвет черных чернил 19-4234 TCX	Марокканский синий цвет 19-4241 TCX
имперский синий цвет 19-4245 TCX	цвет звездочета 19-4316 TCX	синий цвет кряквы 19-4318 TCX	синий цвет легиона 19-4324 TCX
цвет корсара 19-4329 TCX	Лионский синий цвет 19-4340 TCX	цвет морского порта 19-4342 TCX	цвет медитеррани 19-4517 TCX
цвет еловой тени 19-4524 TCX	цвет синего коралла 19-4526 TCX	цвет океанической глубины 19-4535 TCX	глубокий атлантический цвет 19-4726 TCX
цвет бальзама 19-4820 TCX	зеленый цвет стрекозы 19-4826 TCX	глубокий бирюзовый оттенок 19-4914 TCX	тихоокеанский цвет 19-4916 TCX

Палитра цветов с названиями — IMG online

Палитра из 137 цветов с названиями, RGB значениями и HEX (HTML) кодом.

Название цвета	RGB	HEX
Тёмно-бордовый	rgb(128,0,0)	#800000
Тёмно-красный	rgb(139,0,0)	#8B0000
Огнеупорный кирпич	rgb(178,34,34)	#B22222
Красный	rgb(255,0,0)	#FF0000
Лососевый	rgb(250,128,114)	#FA8072
Томатный	rgb(255,99,71)	#FF6347
Коралловый	rgb(255,127,80)	#FF7F50
Оранжево-красный	rgb(255,69,0)	#FF4500
Шоколадный	rgb(210,105,30)	#D2691E
Песочно-коричневый	rgb(244,164,96)	#F4A460
Тёмно-оранжевый	rgb(255,140,0)	#FF8C00
Оранжевый	rgb(255,165,0)	#FFA500
Тёмный золотарник	rgb(184,134,11)	#B8860B
Золотарниковый	rgb(218,165,32)	#DAA520
Золотой	rgb(255,215,0)	#FFD700
Оливковый	rgb(128,128,0)	#808000
Жёлтый	rgb(255,255,0)	#FFFF00
Жёлто-зелёный	rgb(154,205,50)	#9ACD32
Зелёно-жёлтый	rgb(173,255,47)	#ADFF2F
Шартрёз (ликёр)	rgb(127,255,0)	#7FFF00
Зелёный газон	rgb(124,252,0)	#7CFC00
Зелёный	rgb(0,128,0)	#008000
Лаймовый	rgb(0,255,0)	#00FF00
Зелёный лайм	rgb(50,205,50)	#32CD32
Весенне зелёный	rgb(0,255,127)	#00FF7F
Весенне-зелёный нейтральный	rgb(0,250,154)	#00FA9A
Бирюзовый	rgb(64,224,208)	#40E0D0
Светло-зелёное море	rgb(32,178,70)	#20B2AA
Бирюзовый нейтральный	rgb(72,209,204)	#48D1CC
Тёмный циан	rgb(0,139,139)	#008B8B
Морская волна	rgb(0,255,255)	#00FFFF
Тёмно-бирюзовый	rgb(0,206,209)	#00CED1
Небесно-голубой тёмный	rgb(0,191,255)	#00BFFF
Обманчивый синий	rgb(30,144,255)	#1E90FF
Королевский синий	rgb(65,105,225)	#4169E1
Военно-морского флота	rgb(0,0,128)	#000080
Тёмно-синий	rgb(0,0,139)	#00008B
Cиний нейтральный	rgb(0,0,205)	#0000CD
Синий	rgb(0,0,255)	#0000FF
Сине-фиолетовый	rgb(138,43,226)	#8A2BE2
Тёмная орхидея	rgb(153,50,204)	#9932CC
Тёмно-фиолетовый	rgb(148,0,211)	#9400D3
Фиолетовый	rgb(128,0,128)	#800080
Тёмный маджента	rgb(139,0,139)	#8B008B
Маджента	rgb(255,0,255)	#FF00FF
Фиолетово-красный нейтральный	rgb(199,21,133)	#C71585
Насыщенный розовый	rgb(255,20,147)	#FF1493
Ярко-розовый	rgb(255,105,80)	#FF69B4
Малиновый	rgb(220,20,60)	#DC143C
Коричневый	rgb(165,42,42)	#A52A2A
Красный индийский	rgb(205,92,92)	#CD5C5C
Розово-коричневый	rgb(188,143,143)	#BC8F8F
Светло-коралловый	rgb(240,128,128)	#F08080
Снег	rgb(255,250,250)	#FFFAFA
Туманная роза	rgb(255,228,225)	#FFE4E1
Тёмный лосось	rgb(233,150,122)	#E9967A
Светлый лосось	rgb(255,160,122)	#FFA07A
Охра	rgb(160,82,45)	#A0522D
Морская ракушка	rgb(255,245,238)	#FFF5EE
Седло Браун	rgb(139,69,19)	#8B4513
Персиковая пудра	rgb(255,218,185)	#FFDAB9
Перу	rgb(205,133,63)	#CD853F
Текстильный	rgb(250,240,230)	#FAF0E6
Бисквит	rgb(255,228,196)	#FFE4C4
Плотное дерево	rgb(222,184,135)	#DEB887
Загар	rgb(210,180,140)	#D2B48C
Античный белый	rgb(255,235,215)	#FAEBD7
Белый навахо	rgb(255,222,173)	#FFDEAD
Бланшированный миндаль	rgb(255,235,205)	#FFEBCD
Побег папайи	rgb(255,239,213)	#FFEFD5
Мокасиновый	rgb(255,228,181)	#FFE4B5
Пшеничный	rgb(245,222,179)	#F5DEB3
Старое кружево	rgb(253,245,230)	#FDF5E6
Цветочный белый	rgb(255,250,240)	#FFFAF0
Кукурузный волос	rgb(255,248,220)	#FFF8DC
Хаки	rgb(240,230,140)	#F0E68C
Лимонный шифон	rgb(255,250,205)	#FFFACD
Бледный золотарник	rgb(238,232,170)	#EEE8AA
Тёмный хаки	rgb(189,183,107)	#BDB76B
Бежевый	rgb(245,245,220)	#F5F5DC
Светло-жёлтый золотарник	rgb(250,250,210)	#FAFAD2
Светло-жёлтый	rgb(255,255,224)	#FFFFE0
Слоновая кость	rgb(255,255,240)	#FFFFF0
Тёмно-оливковый	rgb(107,142,35)	#6B8E23
Тёмно-оливковый зелёный	rgb(85,107,47)	#556B2F
Тёмно-зелёное море	rgb(143,188,143)	#8FBC8F
Тёмно-зелёный	rgb(0,100,0)	#006400
Зелёный лесной	rgb(34,139,34)	#228B22
Светло-зелёный	rgb(144,238,144)	#90EE90
Бледно-зелёный	rgb(152,251,152)	#98FB98
Медвяная роса	rgb(240,255,240)	#F0FFF0
Зелёное море	rgb(46,139,87)	#2E8B57
Зелёное море, нейтральный	rgb(60,179,113)	#3CB371
Мятный крем	rgb(245,255,250)	#F5FFFA
Аквамариновый нейтральный	rgb(102,205,170)	#66CDAA
Аквамариновый	rgb(127,255,212)	#7FFFD4
Тёмный грифельно-серый	rgb(47,79,79)	#2F4F4F
Бледно-бирюзовый	rgb(179,238,238)	#AFEEEE
Светло-голубой	rgb(224,255,255)	#E0FFFF
Лазурный	rgb(245,255,255)	#F0FFFF
Серо-синий	rgb(95,158,160)	#5F9EA0
Пыльный голубой	rgb(176,224,230)	#B0E0E6
Светло-синий	rgb(173,216,230)	#ADD8E6
Небесно-голубой	rgb(135,206,235)	#87CEEB
Небесно-голубой светлый	rgb(135,206,250)	#87CEFA
Синяя сталь	rgb(70,130,180)	#4682B4
Синяя Элис	rgb(240,248,255)	#F0F8FF
Серый шифер	rgb(112,128,144)	#708090
Светло-серый шифер	rgb(119,136,153)	#778899
Светло-стальной синий	rgb(176,196,222)	#B0C4DE
Васильковый голубой	rgb(100,149,237)	#6495ED
Лаванда	rgb(230,230,250)	#E6E6FA
Призрачно-белый	rgb(248,248,255)	#F8F8FF
Полуночный синий	rgb(25,25,112)	#191970
Аспидно-синий	rgb(106,90,205)	#6A5ACD
Тёмный аспидно-синий	rgb(72,61,139)	#483D8B
Нейтральный аспидно-синий	rgb(123,104,238)	#7B68EE
Фиолетовый нейтральный	rgb(147,112,219)	#9370DB
Индиго	rgb(75,0,130)	#4B0082
Нейтральный цвет орхидеи	rgb(186,85,211)	#BA55D3
Слива светлая	rgb(221,160,221)	#DDA0DD
Розово-фиолетовый	rgb(238,130,238)	#EE82EE
Чертополох	rgb(216,191,216)	#D8BFD8
Орхидея	rgb(218,112,214)	#DA70D6
Розово-лавандовый	rgb(255,240,245)	#FFF0F5
Лиловый	rgb(219,112,147)	#DB7093
Розовый	rgb(255,192,203)	#FFC0CB
Светло-розовый	rgb(255,182,193)	#FFB6C1
Чёрный	rgb(0,0,0)	#000000
Тускло-серый	rgb(105,105,105)	#696969
Серый	rgb(128,128,128)	#808080
Тёмно-серый	rgb(169,169,169)	#A9A9A9
Серебряный	rgb(192,192,192)	#C0C0C0
Светло-серый	rgb(211,211,211)	#D3D3D3
Геинсборо	rgb(220,220,220)	#DCDCDC
Белый дым	rgb(245,245,245)	#F5F5F5
Белый	rgb(255,255,255)	#FFFFFF

Потому что цвета – это красиво. Создание универсальной цветовой палитры для IBM

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

В течение последних нескольких лет команды IBM Carbon Design System и Brand Experience работали над созданием универсальной цветовой палитры. Вторая итерация, которая должна начаться с октябрьского минорного релиза Carbon, отвечает всем требованиям доступности продуктового дизайна.

Лучшие статьи, раз в неделю, с доставкой на почту

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

Сравнение цветовых палитр IBM V1 и V2

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

Ниже я расскажу, как мы настроили палитру для достижения доступности продукта.

Поиск нюансов в бинарном мире

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

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

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

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

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

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

На графике ниже показано, как контрастность между серыми оттенками резко падает. Когда Гауссова кривая становится тоньше и выше, светлые серые оттенки становятся светлее, а темные серые оттенки – темнее

На графике ниже показано, как контрастность между серыми оттенками резко падает. Когда Гауссова кривая становится тоньше и выше, светлые серые оттенки становятся светлее, а темные серые оттенки – темнее.

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

Воспринимаемая симметрия темной и светлой темы

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

Видите, как оттенки 10–20 сильнее отличаются, хотя обе пары имеют контрастность 1,2: 1?

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

Количество доступных цветов текста на фоне темы

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

Например, на сером фоне 10 все цвета 60–100 могут использоваться для текста с доступным коэффициентом контрастности ≥4,5: 1. Как правило, мы не рекомендуем чистый черный или чистый белый для текста, потому что чрезвычайно высокая контрастность фактически ухудшает читабельность.

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

После настройки палитры вспомогательному тексту может быть назначен оттенок серый 60, текстовым меткам – серый 80, а вводимому пользователем тексту – серый 100. Для всех, кто интересуется дополнительными сведениями об этой работе, ознакомьтесь с этим тщательно документированным issue на GitHub .

Сравнение доступных цветов текста до и после обновления на сером фоне 90

Средние тона должны иметь высокую насыщенность и быть доступными

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

Пример экрана продукта с использованием Carbon

Carbon использует средние тона для основных кнопок, полос выделения на выбранных вкладках и индикаторов выполнения. Это требует, чтобы цвет был доступен с коэффициентом контрастности к фону не менее 3: 1, в соответствии со  стандартом WCGA 2.1 для значимых нетекстовых элементов.

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

Исследование цвета ссылок

Учитывайте исключения при переключении тем

Потребность в темных и светлых темах возросла и стала мейнстримом при создании цветовых систем. Для Carbon сложности связаны с темными темами. Реализация темной темы нашего компонента кнопки – это не простая инверсия фона и цвета текста. Когда вы просто меняете цвета и наносите темный текст на кнопки, расположенные на темном фоне, читаемость может ухудшиться, особенно в средних тонах. Белые метки кнопок соответствуют ожиданиям пользователей о ярком, напористом призыве к действию. Это сжимает наши средние тона. Если фон кнопки будет ярче, белая метка не будет соответствовать коэффициенту контрастности 4.5: 1. А с более темной меткой кнопка не будет выделяться на фоне 3: 1.

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

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

Перед настройкой все фоновые кнопки средних тонов чуть-чуть теряют соотношение контрастности 3: 1 для темы серый 90

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

1. Контраст между серым 60 и 90 имеет коэффициент контрастности минимум 3: 1.
2. Контраст между серым 60 и 10 имеет коэффициент контрастности минимум 4,5: 1.
3. Контраст между 50 и 90 имеет коэффициент контрастности минимум 4,5: 1.
4. Контраст между 50 и 10 имеет коэффициент контрастности минимум 3: 1.

Все четыре темы фона Carbon должны удовлетворять этим интервалам контрастов График контрастности всех комбинаций серых оттенков. Верхняя часть указывает на AAA (4,5: 1), нижняя указывает на AA (3: 1)

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

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

А что насчет визуализации данных?

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

Только то, что вам нужно

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

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

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

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

Эволюция цветовой палитры

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

Давайте рассмотрим сегодняшнюю палитру языка дизайна IBM.

Цветовые палитры IBM по годам слева направо: 1960, 2008, 2015, 2016, 2018, 2019

Важно быть существенным

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

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

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

—IBM ID, Color Applications, Introduction, 1962

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

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

Синий, как основной цвет

Синий остается основным цветом нашей палитры, чтобы отдать дань историческому прозвищу IBM, «Big Blue». Итак, первым мы выбрали синий цвет.

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

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

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

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

Фото ссылки на IBM Blue из окружающей среды (природа и машина)

Легкая гармония и масштаб

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

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

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

Влияние новой палитры очевидно. Почти каждая комбинация цветов выглядит свежо и современно. Она мгновенно нашла поклонников в канале иллюстрации в Slack. Просто посмотрите страницу галереи IBM Design, или эти шоты сообщества на Dribbble, или эти великолепные иконки приложений, спроектированные Peter Garvin.

Дизайн иконок приложений от Peter Garvin Единая цветовая палитра, определяющая промышленный дизайн и дизайн печатных рекламно-информационных материалов

Функционально и доступно

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

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

Вывод

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

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

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

Спасибо Connor Leech и Hayley Hughes.

Почему палитра современных фильмов оранжево-синяя / Хабр

Jupiter Rising (2015)

Может быть, вы не заметили, но за последние 20 лет в Голливуде развился устойчивый курс на оранжево-синюю палитру картинки. Также эта цветовая схема известна под именами «оранжевый и зеленовато-голубой» или «янтарный и зеленовато-голубой». Не верите? Давайте проверим. Предупреждаю сразу – после увиденного развидеть его уже не удастся, вы будете замечать эту палитру везде.


The Imitation Game (2014)

Into the Woods (2014)

The Wolf of Wall Street (2013)

Mad Max (2015) (немного более жёлтый, чем предыдущие примеры, но тем не менее)

И, конечно, не забудем про рекламные постеры. Они обязаны быть яркими и кричащими, поэтому их насыщенность сильнее – но палитра та же.

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

Edmund Helmer – анализ трейлеров фильмов в 2013

Цифровая раскраска

The Wizard of Oz предшествует тренду

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

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

В качестве примера сильной постобработки часто приводят фильм O’ Brother Where Art Thou (2000). Братья Коэны хотели, чтобы он выглядел ретроградно, поэтому весь фильм выдержан в сепии. Оператор рассказал: «Им нужно было, чтобы фильм выглядел, как постаревшая картинка, где интенсивность цвета определяется сценой, а оттенки кожи были бы всех цветов радуги».

Но как же мы перешли от всех цветов радуги к оранжевому?

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

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

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

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

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

У каждого фильма свой собственный вид

Blade Runner. Синий с оранжевым до того, как это стало трендом

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

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

Есть смысл или его нет, но теперь этот способ раскрашивания фильмов стал общепринятым. Однако, как говорит специалист по цвету Стефан Зонненфельд: «Не существует особого процесса по выбору цветовой палитры, при котором мы бы сели в комнате и сказали: “Мы будем использовать только эти дополняющие цвета, чтобы произвести определённое впечатление на зрителя”. У каждого фильма свой собственный вид.»

Зонненфельд известен работой над одними из самых зрелищных и одними из самых оранжево-синих фильмов последних 15 лет: серия «Трансформеры».

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

Сверху — «Амели», раскрашенная в палитру трансформеров. Снизу — «Трансформеры», раскрашенные в палитру «Амели».

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

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

Уникальные новинки в MANDERS: ультрамодная палитра синих оттенков Blue и коллекция обоев 20th Century от Little Greene |

После громкого успеха коллекции красок Grey, вышедшей в 2013 году, компания Little Greene, вдохновившись модными тенденциями, запускает палитру Blue с самыми стильными оттенками сезона. Новая коллекция раскрывает все богатство синего цвета и состоит из 21 оттенка, 17 из которых компания Little Greene ранее никогда не демонстрировала публике. Палитра развенчивает миф о том, что синий – холодный цвет, в ней представлен весь богатый спектр тонов: от насыщенного индиго до спокойных  льняных оттенков. В палитру также вошел уникальный оттенок Ultra Blue, выпущенный ограниченным объемом, чья пигментная краска замешивается вручную на фабрике Little Greene.   Помимо красок компания Little Greene также выпустила новые обои 20th Century Papers, куда вошли наиболее популярные расцветки трех предыдущих коллекций: Retrospective Papers, Oriental Papers и 50s Line Papers. Прежние рисунки были обновлены для гармоничного сочетания с палитрой Blue, а также был добавлен новый дизайн 1950-х годов Zingara: карандашный рисунок стоящих на якоре судов, позаимствованный из коллекции Джона Лайна в архиве Витворта. Все новинки компании Little Greene уже можно приобрести во всех магазинах MANDERS.   Палитра синих оттенков прекрасно смотрится как при однотонной покраске, так и в рисунках и узорах, эффектно обыгрывая классические и современные интерьеры. Особенно удачно синие оттенки проявляют себя в северных странах, где холодное естественное освещение делает цвет еще насыщеннее.   Дэвид Моттерсхед (David Mottershead), управляющий директор Little Greene, поделился своими впечатлениями о новой палитре: «Синий – богатейший из цветов и исторически самый дорогой в производстве. В живописи синий цвет отводился для изображения королевских семей, сановников и религиозных деятелей, он до сих пор обладает шармом роскоши и гипнотическим очарованием. Многие боятся использовать синий, поскольку он считается холодным и мужским цветом, однако наша тщательно подобранная коллекция откроет новые грани синего и сделает его применимым так широко, как никогда раньше».   В палитру Blue компании Little Greene вошли сине-голубые оттенки на любой вкус, для любого настроения и интерьера. В коллекции представлены все цвета от ярких, жизнерадостных тонов до темных, скромных оттенков с выразительными названиями вроде: Dock Blue (портовый синий), Moon Shadow (лунная тень), Smalt (смальта) и сине-серый Livid. Кроме новых оттенков коллекцию пополнили цвета, уже ставшие фаворитами: Bone China Blue (костяной фарфор), Celestial Blue (небесный синий) и Hick’s Blue (синий Хикса). Палитра: Ultra Blue (Ультрасиний) ОГРАНИЧЕННАЯ СЕРИЯ Жемчужина всей коллекции! Компания Little Greene изготавливает краску этой ограниченной серии небольшими партиями, используя единственный пигмент – ультрамарин. Впервые ультрамарин был получен в XIV веке в Венеции из ляпис-лазури и ценился дороже золота. Примерно с 1520 года этот пигмент стал применяться в живописи исключительно для изображения одеяний Девы Марии.   Delicate Blue (Нежно-голубой) Этот светлый льняной оттенок будет выглядеть более насыщенно в сочетании с белой краской.   Pale Wedgwood (Бледный Веджвуд) Этот оттенок напоминает цвет голубого фарфора XVIII века, который приобрел популярность благодаря изобретателю и промышленнику Джосайе Веджвуду, создававшему в Стаффордшире керамику с этрусскими мотивами.   Arquerite (Аркверит) Минерал аркверит представляет собой амальгаму серебра и ртути. Этот теплый сероватый оттенок будет удачно смотреться с однотонными материалами в интерьере и составит естественную композицию в сочетании с серебром, хромом или сталью.   Woad (Вайда) Популярный пигмент, полученный из растительного экстракта вайды, широко применялся для окрашивания тканей в синие оттенки в средние века. Этот цвет станет идеальным фоном для золоченых картинных рам.   Dock Blue (Портовый синий) Этот насыщенный и благородный цвет в глубоких тонах индиго чуть теплее родственного оттенка Royal Navy (Королевский флот), в котором преобладают зеленые тона.   Regency Blue (Регентский синий) Смелый оттенок эпохи Регентства удачно сочетает пигмент Prussian Blue (Прусский синий) с традиционными свинцовыми белилами, которые придают этому пастельному цвету энергичность и зеленоватый полутон.   Route One (Трасса 1) Этот притягательный оттенок, названный в честь места слияния неба и солнца на калифорнийской тихоокеанской трассе 1, моментально наполняет интерьеры своей лазурной голубизной.   Smalt (Смальта) Смальта была создана еще в 200 году до н. э., когда мастера впервые смешали кобальт с расплавленным стеклом. Эта техника возродилась в XVIII веке и приобрела огромную популярность.   Mazarine (Мазарин) Истинно-синий, не склоняющийся ни к зеленому, ни к фиолетовому, служит центральным элементом коллекции. Цвет был назван в честь редкого вида бабочек с синими крыльями Mazarine Blue.   Royal Navy (Королевский флот) Прекрасная альтернатива темно-серому или черному цветам в интерьере, Royal Navy появился в результате сочетания оттенков Royal Blue (Королевский синий) и Navy Blue (Флотский синий).   Pale Berlin (Бледный Берлин) В период Регентства широкое применение приобрели нежные пастельные тона и оттенок берлинской лазури Berlin Blue, получившийся из пигмента Prussian Blue (Прусский синий).   Old School Blue (Старомодный синий) Этот цвет появился в ходе исследования палитры XX века, проведенного компанией Little Greene. Изначально оттенок назывался «Бермудские острова», хотя его происхождение относится к северо-западу Англии.   Air Force Blue (Авиационный синий) Air Force Blue – это обобщающее название множества оттенков эскадрилий. Оттенок более глубокий и интенсивный, чем остальные, что особенно заметно при покраске помещений.   Moon Shadow (Лунная тень) Название этого классического оттенка XX века навеяно вовсе не лунным светом, а цветом Земли, каким его увидели астронавты с поверхности Луны в 1969 году.   Celestial White (Небесный белый) Для создания этого цвета был взят бессменный и популярный небесно-голубой Celestial Blue, осветленный до универсального белого.   Livid (Сине-серый) Сине-серые оттенки, разбавленные черным цветом, могут склоняться в сторону зеленого или розоватого, но этот тон представляет собой глубокий, умиротворяющий цвет, нечто среднее между зеленым, синим и серым.   Celestial Blue (Небесный голубой) Сумеречный небесно-синий цвет был найден в сохранившейся палитре 1807 года.   Marine Blue (Морской синий) Насыщенный синий оттенок 1950-х годов эффектнее всего смотрится в сочетании с бледно-серым или кораллово-красным тонами.   Bone China Blue (Костяной фарфор) Чуть более теплый и приглушенный, чем Pale Wedgwood, этот сдержанный голубой оттенок впервые обрел популярность в 1930-х годах.   Hicks Blue (Синий Хикса) Цвет назван в честь Дэвида Хикса, одного из самых выдающихся дизайнеров 1960-х и 1970-х годов, который использовал этот оттенок синего при оформлении ресторана на вершине лондонской телебашни в 1962 году.   Все цвета палитры Blue представлены во всех возможных вариантах покрытия за исключением краски Ultra Blue (Ультрасиний), которая выпускается ограниченной серией в виде матовой эмульсии Absolute Matt Emulsion в банках по 2,5 литра. Кроме того, нанесенные вручную цвета на буклетах палитры точно соответствуют цвету и покрытию, так как это – образцы настоящей краски, взятые прямо из банки экологически безопасной матовой эмульсии Absolute Matt Emulsion, а не аналогичный оттенок типографской краски. Презентация коллекций Blue и обоев 20th Century Papers впервые состоялась на выставке Decorex в конце сентября 2015 года.   Ультрамодные краски и обои Little Greene уже можно приобрести в магазинах английского декора MANDERS в Москве, Санкт-Петербурге и Киеве.

Загрузка…

Почувствуй цвет 2020 | Tikkurila

Белые оттенки

Vita & Ljusa

Vita & Grå

Beckers Beige-Brown

Beckers Blue-Purple

Beckers Green

Beckers Grey-Black

Beckers Metall

Beckers Red-Pink

Beckers Stain

Beckers White-Light

Beckers Yellow-Orange

Бежевые и коричневые оттенки

Blå

Blå & Gröna

Оттенки черного

Синие и фиолетовые оттенки

Коричневые оттенки

Холодные цвета природы

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

Красные оттенки

Gula

Gula & Orange

Желтые и оранжевые оттенки

Grå & Svarta

Grå & Svarta

Зеленые оттенки

Серые оттенки

Gröna

Oil & Glaze

Röda & Rosa

Сочетание цветов в интерьере: как сочетать правильно

 

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

 

 

Существует три основных цветовых категории.

 

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

 

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

 

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

 

Создайте свою палитру

 

 

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

 

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

 

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

 

Гармонирующие палитры

 

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

 

Дополнительные, или контрастные палитры

 

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

 

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

 

Как смешивать цвета? Различные цветовые схемы

 

 

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

 

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

 

Классическая триада

 

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

 

Аналоговая триада

 

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

 

Прямоугольная схема

 

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

 

Квадратная схема

 

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

 

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

18A ПАЛИТРА ДЛЯ ARTISTRY BLUE YA AWAY

Тени для век

Indiglow, Headliner, Applause, Swagger

Тальк, слюда, диоксид кремния, стеарат магния, этилгексилпальмитат, изононилизононаноат, фенилтриметикон, тридецилтримеллитат, феноксиэтанол, изопропилизостеарат, токоферилацетат, каприлилгликольсодержащий спирт / метилгексилгликоль, этилгексилгидроксид, титан-метилгексилгидрид ), Оксиды железа (Ci 77491, Ci 77492, Ci 77499), фиолетовый марганец (Ci 77742), ультрамарины (Ci 77007).

Celeb Status, Sapphired Up, Акт открытия, Привлечение звезд, Bts, Автограф, Self-Azured, Encore, Sold Out, Preview

Слюда, тальк, диоксид кремния, этилгексилпальмитат, изононилизононаноат, стеарат магния, фенилтриметикон, тридецилтримеллитат, изопропилизостеарат, феноксиэтанол, токоферилацетат, каприлилгликоль / триметилсульфоксид, этилгексилгексид, тиноксилгексил-титан, этилгексил-оксид (Ci 77891), оксиды железа (Ci 77491, Ci 77492, Ci 77499), ультрамарины (Ci 77007), озеро Yellow 5 (Ci 19140), озеро Blue 1 (Ci 42090), Black 2 (Ci 77266, Nano).

Особняк

Боросиликат кальция и натрия, тальк, полиэтилентерефталат, диоксид кремния, этилгексилпальмитат, изононилизононаноат, стеарат магния, фенилтриметикон, тридецилтриметелитат, полиуретан-11, слюда, изопропил-изостеарат, оксиапиллицеринэтилацетат, феноцетил-церглицерин, феноцетил-церглицерин, феноцетил-цероксин +/- Может содержать / Peut Contenir: диоксид титана (Ci 77891), оксиды железа (Ci 77492, Ci 77499), ультрамарины (Ci 77007), алюминиевый порошок (Ci 77000).

Прессованный пигмент

Sky’s The Limit, So Dazzlin ’

Тальк, слюда, диоксид кремния, стеарат магния, этилгексилпальмитат, изононилизононаноат, фенилтриметикон, тридецилтримеллитат, феноксиэтанол, изопропилизостеарат, токоферилацетат, каприлилгликоль, метилгексилхлорид конъюнктивита, пэтилгексиленгликоль, этил-4-этангликоль, этил-метилгексиллидин 77, этил-4-этангликоль, этил- , Ci 77492, Ci 77499), Red 7 Lake (Ci 15850), Blue 1 Lake (Ci 42090), диоксид титана (Ci 77891), ультрамарины (Ci 77007), ферроцианид железа (Ci 77510).

Whoa Показать

Слюда, тальк, диоксид кремния, этилгексилпальмитат, изононилизононаноат, стеарат магния, фенилтриметикон, тридецилтримеллитат, изопропилизостеарат, феноксиэтанол, токоферилацетат, каприлилгликоль, метилцерилэтиленгликоль, этилгексилгидроксид ), Оксид железа (Ci 77499), Red 7 Lake (Ci 15850).

Набор для покраски камвольной пряжи

Доступный в 7 красивых палитрах, эти наборы проведут вас через процесс использования красителей WashFast Acid Dyes для производства разноцветной окрашенной шерстяной пряжи для вязания.Из пряжи достаточно, чтобы сделать пару носков, кружевной шарф или небольшую шаль.

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

Вопросы о продукте

• • Ваш вопрос получен.Уведомление будет отправлено после публикации ответа.

• • Не удалось найти вопрос для сохранения.

• • ReCAPTCHA введена неправильно. Попробуйте снова.

• • Ваш ответ был получен. Уведомление будет отправлено, когда ответ будет опубликован.

• • Не удалось найти ответ для сохранения.

Информация о продукте

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

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

Паспорт безопасности продукта (SDS)

Паспорта безопасности

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

Руководство по безопасности Studio

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

.

Телефоны экстренных служб:
800-255-3924 ChemTel. (США)
+ 1 01813-248-0585 (За пределами США)

цветов — Руководство по бренду

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

Набор инструментов коммуникатора

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

Набор инструментов коммуникатора

Внутри этого ресурса:

Официальный Duke Blue

Официальный Duke blue — это оттенок темно-синего цвета, который используется уже несколько десятилетий.В нашей палитре он называется Duke Navy Blue, а иногда — Academic Blue. Цвет Pantone для печатных материалов — PMS 280 U / C, а цвет Hex для веб-дизайна — # 012169.

«Duke Royal Blue» — еще один оттенок синего в палитре, который используется с 2009 года для легкой атлетики, одежды и рекламных материалов. Цвет Pantone для Duke Royal Blue — 287 U / C, а цвет Hex для веб-дизайна — # 00539B.

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

Duke Navy Blue
PMS 280 U / C
HEX # 012169
RGB 1, 33, 105
CMYK 100, 85, 5, 22

Duke Royal Blue
PMS 287 U / C
HEX # 00539B
RGB 0, 83, 155
CMYK 100, 53, 2, 16

* Чтобы узнать больше о Duke Blue, прочтите тематическую статью Duke Magazine «True Blue.”

Расширенная палитра

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

	Медь	PMS 166 U / C	Шестигранник # C84E00	CMYK 0, 76, 100, 0	RGB 200, 78, 0
	Хурма	PMS 1375 U / C	Шестигранник # E89923	CMYK 0, 45, 95, 0	RGB 232, 153, 35
	Одуванчик	PMS 114 U / 121 C	Шестигранный # FFD960	CMYK 0, 8, 70, 0	RGB 255, 217, 96
	Пьемонт	PMS 382 U / 376 C	Шестигранник # A1B70D	CMYK 54, 0, 100, 0	RGB 161, 183, 13
	Эно	PMS 3262 U / 326 C	Шестигранный # 339898	CMYK 81, 0, 39, 0	RGB 51, 152, 152
	Магнолия	PMS 328 U / 323 C	Шестигранник # 1D6363	CMYK 96, 16, 42, 57	RGB 29, 99, 99
	Прусский синий	PMS 301 U / 7692 C	Шестигранный # 005587	CMYK 100, 45, 0, 45	RGB 0, 85, 135
	Сланцево-синий	PMS Pantone Process Blue U /7461 C	Шестигранный # 0577B1	CMYK 100, 0, 1, 3	RGB 5, 119, 177
	Железная трава	PMS Pantone Purple U /248 C	Шестигранный # 993399	CMYK 35, 95, 0, 0	RGB 153, 51, 153
	Хаттерас	PMS 649 U / 656 C	Шестигранный # E2E6ED	CMYK 10, 2, 0, 0	RGB 226, 230, 237
	Серый шепот	PMS Холодный серый 1 U / C	Шестигранник # F3F2F1	CMYK 4, 2, 4, 8	RGB 243, 242, 241
	Имбирное пиво	PMS 9060 U / C	Шестигранник # FCF7E5	CMYK 0, 2, 15, 0	RGB 252, 247, 229
	Кизил	PMS 7530 U / C	Шестигранный # 988675	CMYK 10, 18, 25, 32	RGB 152, 134, 117
	Шеклфорд	PMS 7527 U / 2527 C	Шестигранник # DAD0C6	CMYK 3, 4, 14, 8	RGB 218, 208, 198
	Чугун	PMS Черный 3 U / C	Шестигранный # 262626	CMYK 67, 44, 67, 95	RGB 38, 38, 38
	Графит	PMS Холодный серый 10 U / C	Шестигранный # 666666	CMYK 40, 30, 20, 66	RGB 102, 102, 102
	Гранит	PMS 421 U / C	Шестигранник # B5B5B5	CMYK 13, 8, 11, 26	RGB 181, 181, 181
	Известняк	PMS Холодный серый 2 U / C	Шестнадцатеричный # 1080168	CMYK 5, 3, 5, 11	RGB 229, 229, 229

Доступность текста

Duke стремится соответствовать требованиям WCAG 2.0 Руководство по доступности AA. Воспользуйтесь нашим Руководством по доступности цвета, чтобы определить совместимые цветовые комбинации.

Мочалка Palette, синяя

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

Доставка

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

Мебель и другие негабаритные предметы перевозятся грузовыми перевозчиками, срок обработки и доставки которых увеличен. Сроки доставки, указанные для каждого продукта, отражают расчетное время обработки до того, как товар покинет наш склад.После того, как предметы будут в пути, им может потребоваться еще 1-4 недели, чтобы они добрались до вашего дома. После того, как товар прибудет в ваш регион, компания по доставке свяжется с вами по телефону, электронной почте или с помощью текстового сообщения, чтобы назначить дату и время доставки, которые подходят вам. Для доставки некоторых товаров требуется подпись. Негабаритные товары будут доставлены у обочины, если иное не указано как «доставка в белых перчатках». Большинство перевозчиков планируют доставку с понедельника по пятницу с 9 до 5. Доставка в сельской местности и на острова имеет ограниченные маршруты, и время доставки может занять больше времени, чем обычно.

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

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

Возврат (Полный текст политики см. На странице возврата ЗДЕСЬ)

• Предметы, помеченные как окончательная продажа, возврату не подлежат
• Товары, сделанные на заказ, возврату не подлежат.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

—

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

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

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

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

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

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

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

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

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

—

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

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

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

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

–

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

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

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

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

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

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

—

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

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

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

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

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

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

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

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

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

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

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

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

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

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

by BATHI

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

—

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

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

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

Блюз цветовой гармонии. Использование палитры Adobe Color и Viz для… | Терезы-Мари Райн | Nightingale

Использование Adobe Color и Viz Palette для раскрашивания визуализаций данных

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

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

В этой статье их терминология используется для обсуждения «Блюза цветовой гармонии», где монохроматическая цветовая гармония построена в тональности синего. Adobe Color, веб-приложение для создания цветовых тем, используется для создания цветовой гармонии, применяемой к примеру круговой диаграммы. Затем синяя монохроматическая цветовая гармония (Blue Mono) переносится в инструмент Viz Palette, чтобы увидеть, как другие типы информационных визуализаций будут выглядеть с цветовой темой.Затем оценивают недостатки цвета Blue Mono. Наконец, я покажу, чем монохроматическая гармония цвета похожа на концепцию последовательной цветовой схемы в инструменте ColorBrewer.

элементов оттенка, оттенка, тона и оттенка для монохромной цветовой гармонии в тональности синего.

Монохроматическая гармония цвета объединяет один оттенок (100% насыщенный цвет) с различными оттенками, тонами и оттенками этого оттенка для создания цветовой схемы. Оттенок определяется как оттенок, смешанный с белым, тогда как тон обозначается как оттенок, смешанный с серым, и оттенок создается, когда оттенок смешивается с черным.

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

Этот пример Blue Mono фокусируется на монохроматическом корпусе, показанном на иллюстрации.

Использование Adobe Color для создания цветовой схемы Blue Mono

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

Синяя монохромная цветовая схема, созданная в программе Adobe Color Software Tool.

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

Визуализация круговой диаграммы может быстро помочь нам оценить, как гармония Blue Mono проявляется на практике. Программные инструменты, такие как Microsoft Excel или Word, Apple Numbers или Pages, Google Docs, Tableau Software и многие другие, могут помочь создать этот пример.

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

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

Viz Palette — это эффективный инструмент оценки цвета для визуализации информации.Используя ранее сохраненную цветовую тему «BlueMono» из Adobe Color, в палитру Viz можно ввести шестнадцатеричные веб-коды оттенка (# 369BF5), оттенка (A3C4D9), оттенка (6AA5D9) и оттенка (# 043259). Процесс показан ниже. На этом рисунке изображение Adobe Color наложено на палитру Viz. Это позволяет увидеть, где в Adobe Color отмечены шестнадцатеричные веб-коды, которые затем вводятся в палитру Viz. Это не будет отображаться в обычном представлении палитры Viz.

Ввод элементов гармонии синего монохроматического цвета в инструмент «Визуальная палитра».(В качестве эталона используется наложенное изображение Adobe Color.) Палитра

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

Цветовая палитра | Университетские коммуникации и связи с общественностью, Калифорнийский университет в Сан-Диего

Цветовая палитра

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

Просмотрите Brand Color Accessibility для веб-раздела , чтобы увидеть доступные фирменные цветовые комбинации.

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

Pantone 2767
C100 M86 Y42 K42
R24 G43 B73
# 182B49

Pantone 3015
C100 M35 Y3 K21
R0 G106 B150
# 00629B

Pantone 1245
C6 M35 Y99 K18
R198 G146 B20
# C69214

Pantone 116
C0 M14 Y100 K0
R255 G205 B0
# FFCD00

Акценты

Pantone 3115
C70 M0 Y16 K0
R0 G198 B215
# 00C6D7

Pantone 7490
C60 M23 Y92 K5
R110 G150 B59
# 6E963B

Pantone 3945
C3 M0 Y90 K0
R243 G229 B0
# F3E500

Pantone 144
C0 M51 Y100 K0
R252 G137 B0
# FC8900

Нейтральные

Черный
C0 M0 Y0 K100
R0 G0 B0
# 000000

Pantone Cool Grey 9
C30 M22 Y17 K57
R116 G: 118 B120
# 747678

Pantone 401
C10 M11 Y17 K27
R182 G177 B169
# B6B1A9

Металлик

Pantone 871
Используйте это для особых / официальных случаев.