Палитра цветов для профнастила компании «Металл Профиль»: краткая характеристика
Профнастил ― один из самых востребованных отделочных материалов. Он представляет собой профилированные оцинкованные стальные листы с полимерным покрытием или без него. Мы рассмотрим особенности окрашенного профнастила. Он стоит незначительно дороже оцинкованного, но отличается существенными преимуществами:
- надёжная защита от различных негативных факторов;
- более длительный срок гарантии;
- эстетичность.
Мы поможем вам разобраться в нашем ассортименте. Рассмотрим, какие палитры существуют, узнаем, какие цвета профнастила наиболее популярны и для чего используют такой материал.
Палитра RAL Classic
Палитра предложена в 1927 г. специалистами Государственного комитета по условиям поставок (Германия). RAL― аббревиатура, обозначающая название этого комитета: Reichs-Ausschuss fur Lieferbedingungen.
Изначально в палитре было 40 оттенков, сейчас RAL Classic насчитывает 213 цветов. Каждый из них представлен в виде четырёхзначного кода, в котором первая цифра обозначает цветовой диапазон (RAL 1*** ― оттенок желтого, RAL 2*** ― оранжевого и др.).
Рассмотрим RAL Classic более подробно.
Оттенки 1000―1027 (жёлтые)
Жёлтый профнастил для кровли заказывают редко, чаще его используют для заборов или фасада. Он будет ярким акцентом, подчеркнёт индивидуальность вашего участка.
Наиболее популярные варианты:
RAL 1014 и RAL 1015 ― Слоновая кость и Светлая слоновая кость . Эти оттенки профнастила песочной цветовой гаммы. Тёплые светлые цвета могут считаться универсальными, они сочетаются с любыми оттенками.
RAL 1018 Жёлтый цинк. Яркий и насыщенный цвет, один из наиболее востребованных вариантов. Этот профнастил мы не рекомендуем сочетать с яркими контрастными цветами (красным, чёрным). Лучше выбрать коричневый, серый, синий, зелёный.
Оттенки 2000―2013 (оранжевые)
Профлист оранжевого цвета ― смелое решение для тех, кто не боится выделяться. Как и жёлтый, он отлично подходит для яркого привлекательного забора и фасада. Для кровли его также используют нечасто.
Наиболее популярные варианты:
RAL 2004 Чистый оранжевый. Это насыщенный яркий цвет, сразу привлекающий внимание. Хорошо смотрится в сочетании с бледно-голубым, серым, синим, фиолетовым.
Оттенки 3000―3033 (красные)
Красные кровли и заборы, как и коричневые, давно стали классикой (для фасада такой цвет выбирают нечасто). Приглушённые или яркие, они всегда нарядно смотрятся, привлекают внимание и украшают дом или участок. За таким профлистом не надо тщательно ухаживать, на нём не заметна грязь и пыль.
Наиболее популярные варианты:
RAL 3005 Красное вино. Кровля или ограждение из профлиста бордового цвета выделят ваш дом на фоне соседних зданий.
RAL 3011 Коричнево-красный. Приятный тёплый оттенок. На фоне ограждения из профнастила красно-коричневого цвета зелёные растения будут выглядеть ещё более ярко. Этот оттенок можно комбинировать с теми же цветами, что и RAL 3005 Красное вино. Не стоит выбирать контрастные оттенки и «перегружать» облик дома яркими деталями.
Оттенки 4001―4012 (фиолетовые)
Пожалуй, наименее распространённая группа оттенков. В неё входят профнастил малинового цвета, фиолетовый, сиреневый. Эти оттенки довольно сложно комбинировать с другими цветами. Но если у вас получится, будьте уверены: ваш дом будет выглядеть эксклюзивно!
На заметку: лучше всего сиреневый профнастил сочетается с оттенками серого, зелёного.
Оттенки 5000―5026 (синие)
Синие фасады зачастую ассоциируются с промышленными или коммерческими зданиями, но этот цвет востребован и в частном домостроении. Синий профнастил используют для оформления фасада, заборов, кровли (с осторожностью, поскольку синяя кровля может «потеряться» на фоне неба). Чтобы дом выглядел гармонично, рекомендуем выполнить в этом цвете 2 крупных элемента: кровлю и забор либо фасад и забор.
Внимание: Синий профлист оптимален для облицовки кровель в современном стиле. Кровля из такого материала гармонично смотрится на здании с красным, оранжевым, серым, белым фасадом. Для коричневых фасадов лучше выбрать зелёный или красный оттенки профнастила.
Наиболее популярные варианты:
RAL 5002 Ультрамарин. Оригинальный холодный оттенок с фиолетовым подтоном. Подходит для кровли, забора. Отлично выглядит в контрастном сочетании с серыми, белыми, голубыми, бежевыми, светло-жёлтыми цветами.
RAL 5005 Синий насыщенный. Элегантный благородный оттенок, визуально «мягче» предыдущего. Хорошо смотрится на кровле, заборе, фасаде. Он не слишком яркий, но одновременно глубокий, богатый. Сочетается с теми же цветами, что и RAL 5002.
RAL 5015 Синее небо. Больше похож на насыщенный голубой оттенок. Подходит для фасада или забора (кровля может «потеряться» на фоне неба).
RAL 5021 Синяя вода. Оригинальные бирюзовые оттенки ― выбор смелых и неординарных домовладельцев. Такой профнастил красиво выглядит на кровле или заборе, сочетается с оттенками коричневого, с универсальными светлыми и бежевыми цветами.
Оттенки 6000―6036 (зелёные)
Профлист зелёных цветов оптимален для загородного дома. Эти оттенки образуют единый цветовой ансамбль с окружающей природой (зелёные цвета ― одни из самых натуральных). Профлист таких оттенков используют для кровли, фасада и забора.
На заметку: зелёная кровля из профлиста отлично сочетается с фасадом, облицованным профнастилом или сайдингом с покрытием Ecosteel® следующих цветов: Кирпич (в этом оттенке производят профнастил, а не сайдинг), Белый камень, Сосна, Золотой дуб, Белёный дуб, Морёный дуб.
Наиболее популярные варианты:
RAL 6002 Зелёный лист. Сочный «травяной» оттенок идеально подходит для забора. Профнастил цвета RAL 6002 Зелёный лист нечасто используют для крыши и фасада, так как он слишком яркий. Этот оттенок сочетается с коричневым и красным, с бледно-жёлтым, бежевым и серым, белым (если вам нравятся контрасты).
RAL 6005 Зелёный мох. Более насыщенный и приглушённый «изумрудный» цвет профнастила выглядит благородно и солидно. Он не слишком яркий, поэтому его используют для фасадов, кровли, ограждений. С его помощью можно сделать забор «невидимым» ― он будет сливаться с окружающей зеленью.
Оттенки 7000―7048 (серые)
Универсальные оттенки. Хорошо сочетаются со всеми остальными цветами, в том числе между собой. Светлые оттенки серого обычно выбирают для фасада или забора, тёмные ― для кровли.
Наиболее популярные варианты:
RAL 7004 Серый.
Довольно светлый оттенок, подходит для забора или фасада. Если вы делаете фасад профлиста этого цвета, используйте тёмный оттенок для кровли, чтобы дом стал более выразительным.
RAL 7024 Серый графит. Глубокий насыщенный цвет. Оптимальный вариант для кровли. Хорошо смотрится в контрастном сочетании ― например, с более светлыми оттенками серого, жёлтого и бежевого на фасаде.
Оттенки 8000―8029 (коричневые)
Ещё одна группа универсальных оттенков. Подходят для зданий в любом стиле, сочетаются с любыми цветами.
Наиболее популярные варианты:
RAL 8017 Коричневый шоколад. Именно этот цвет выбирает большинство наших покупателей. Профлист RAL 8017 прекрасно смотрится на крыше или фасаде загородного дома, на заборе. Естественный цвет гармонирует с оттенками окружающей природы. Профлист 8017 универсален и неприхотлив, за ним не надо тщательно ухаживать, на нём не видны загрязнения; фасад, забор или кровля всегда выглядят опрятно.
Его легко комбинировать с любыми оттенками, особенно светлыми: сочетание коричневого и бежевого или ванильного (RAL 1014, RAL 1015) уже стало классикой.
RAL 8004 Коричневая медь. Цвет похож на натуральный терракотовый оттенок глиняной черепицы. Такой профнастил красиво выглядит на кровле вне зависимости от стиля здания. Сочетается с тёплыми светлыми оттенками.
Оттенки 9001―9023 (белые, чёрные, серые)
Это нейтральные цвета. Они отлично сочетаются со всеми остальными оттенками и друг с другом.
Для кровли светлые тона серого выбирают редко, поскольку они могут «теряться» на фоне неба. А вот для забора или фасада они отлично подходят. Светлые цвета визуально расширяют пространство, делают забор или дом более «лёгким», воздушным, эстетичным.
На заметку: белые оттенки визуально усиливают другие цвета, делают их более насыщенными и выразительными.
Чёрный профнастил можно выбрать для монтажа кровли в северных регионах с неактивным солнцем.
Наиболее популярные варианты:
RAL 9002 Серо-белый. Мягкий приглушённый оттенок с холодным серым подтоном (за счёт этого не очень маркий). Хорошо выглядит на фасаде или заборе.
RAL 9003 Белый. Классический чистый цвет. Его используют для оформления деталей, акцентов, которые помогают зданию выглядеть эстетично и завершённо; иногда ― для облицовки фасада.
RAL 9006 Белый алюминий. Металлизированный оттенок, который подойдёт для облицовки фасадов в современном стиле или ограждений.
RAL 9005 Чёрный тёмный. Оригинальное решение для кровли в северных регионах. Сочетается только со светлыми оттенками. Не советуем комбинировать его с яркими цветами.
Палитра RR
Палитра предложена финским производителем изделий из металлопроката Ruukki. Включает в себя 28 цветов. Некоторые из них похожи на цвета RAL, но не идентичны.
Наиболее популярные варианты:
RR 11 Элегантный зелёный. Натуральный насыщенный оттенок напоминает цвет хвои. Профлист RR 11 Элегантный зелёный применяют для монтажа забора, кровли. Он сочетается с более светлыми цветами ― жёлтым, светло-коричневым, бежевым, терракотовым.
RR 23 Тёмно-серый. Немного светлее, чем RAL 7024 Серый графит. Этот глубокий оттенок выразительно смотрится на кровле. Его комбинируют с контрастными цветами ― песочным, светлыми оттенками серого, красного и жёлтого.
RR 29 Вишнёвый. Благородный тёплый оттенок с коричневым подтоном. Подходит для оформления кровель и ограждений. Хорошо сочетается с бежевыми, серыми, коричневым и зелёными тонами.
RR 32 Тёмно-коричневый. Темнее, чем RAL 8017. Применяется для оформления кровли и забора, реже ― фасада. Такой оттенок рекомендуется сочетать со светлыми цветами, можно ― с яркими (он их визуально «уравновешивает»).
RR 35 Синий. Приглушённый оттенок отлично смотрится на фасаде или заборе. Выразительно сочетается с контрастными светлыми цветами.
RR 750 Терракотовый. Уютный тёплый оттенок подходит для оформления кровли, фасада, ограждения. Его можно сочетать с зелёным, светло-жёлтым, бежевым.
Собственная палитра компании «Металл Профиль»
Металлики
В палитре представлены 4 оттенка. Перечислим их, начиная с наиболее популярных:
Бронзовый металлик. Приятный универсальный светло-коричневый оттенок, оптимален для оформления кровли, ограждения или фасада. Немаркий и практичный цвет сочетается со всеми оттенками.
Citrine® тёмно-синий металлик. Глубокий холодный оттенок синего. Профлист цвета тёмно-синий металлик отлично смотрится на кровле (так как он тёмный и выразительный), фасаде, заборе. Сочетается с любыми цветами.
Tourmalin® дымчато-зелёный металлик.
Подходит для фасада, ограждения, кровли. Гармонично сочетается с более тёмными и контрастными оттенками ― коричневым, фиолетовым, красным.
Galmey® сиреневый металлик. Светлый профнастил сиреневого цвета активно используют для оформления фасада. Если вы выбрали для фасада такой профнастил, рекомендуем приобрести кровельный материал тёмного контрастного цвета (зелёный, серый и др.).
Цвета покрытий, имитирующих натуральные материалы
Для кровельного профлиста можно выбрать необычные варианты покрытий: под керамику или под медь.
CLOUDY®. Неоднородный терракотовый оттенок этого покрытия реалистично воспроизводит рисунок керамики. Рекомендуем сочетать его с тёплыми натуральными оттенками: бежевым, коричневым, зелёным.
AGNETA®. Кровля, облицованная профлистом AGNETA®, будет сиять ― у этого покрытия классический медный оттенок. Сочетается с зелёными, коричневыми, тёмно-красными, бежевыми, серыми цветами.
Палитра Ecosteel®
Профнастил с покрытием Ecosteel®, которое имитирует цвет и фактуру натуральных материалов (древесины, камня, кирпича), ― оптимальный вариант для облицовки забора или стен. Он эстетично выглядит, за ним не надо тщательно ухаживать. Это долговечное и практичное решение для вашего дома.
В палитре Ecosteel® представлены только натуральные цвета. Для ограждения обычно выбирают тёмные оттенки (Морёный дуб и т. д.), для фасада ― тёмные и светлые (Сосна, Золотой дуб и др.). Для кровли профлист таких цветов практически не используют.
Натуральные оттенки сочетаются с коричневыми, бежевыми, зелёными цветами.
На заметку: чтобы рисунок смотрелся естественно и красиво, выбирайте не слишком рельефные варианты профнастила.
Наиболее популярные варианты:
Общие рекомендации
Чтобы подчеркнуть цветовое единство, оформите в одном цвете несколько элементов: например, кровлю и оконные/дверные проёмы, цоколь; забор и кровлю и т.
д.
Ориентируйтесь на следующие правила подбора цветов профлиста для кровли:
Если фасад дома из неокрашенного дерева, для кровли подойдут красные и зелёные тона. Можно также выбрать серые или коричневые.
Фасад из красного кирпича: для кровли оптимальны серый и коричневый оттенки. Также неплохо смотрятся синий и зелёный.
Фасад из бежевого кирпича будет выразительно выглядеть в сочетании с кровлей красного или коричневого цвета. Также подходят оранжевый, фиолетовый, синий, зелёный, серый оттенки.
Фасад из белого кирпича гармонично сочетается с красной, синей, серой и коричневой кровлей. Можно также выбрать фиолетовый, зелёный или чёрный оттенки.
Резюме
Как мы убедились, профнастил часто применяют для облицовки кровли, ограждения или фасада. В компании «Металл Профиль» вы можете заказать качественный долговечный профлист в любом из цветов RAL, RR, а также выбрать оттенки из собственной палитры.
Широкий ассортимент позволит воплотить в жизнь любую идею и сделать ваш дом исключительным.
В статье упоминаются категории:
В статье упоминаются товары:
Цвета сэндвич-панелей, цветовая палитра RAL — ГК «ТехноСтиль»
«ТехноСтиль» предлагает по доступной цене продукцию собственного производства – высококачественные цветные сэндвич панели. Состоящие из разнородных материалов трехслойные плиты обладают высокими теплосберегающими свойствами, небольшим весом, повышенной прочностью, устойчивостью к влажной среде и температурным перепадам.
Особенности окрашивания
Наша компания имеет собственную линию окраски. Нужный цвет получается путем окрашивания используемой для облицовки блоков рулонной стали по технологии Coil Coating. Сперва поверхность очищается, грунтуется и только после этого наносятся цветные полимерные покрытия. В зависимости для каких целей применяются сэндвич панели, цвета наносятся на внешнюю или одновременно на верхнюю и нижнюю стороны.
Наиболее востребованными тонами считаются RAL 7004 (серый сигнальный), RAL 9003 (белый сигнальный), RAL 9006 (светлый серебристый алюминий), но наша компания изготавливает на заказ плиты любых оттенков, в том числе имитирующие древесную текстуру.
Сферы применения
Окрашенные в палитру RAL панели применяют для:— укрепления и защиты фасадов;
— декорирования интерьера помещений;
— отделки откосов, оконно-дверных конструкций;
— возведения объектов разного назначения: ангаров, складов, торговых комплексов, холодильных камер, гаражей и других.
Почему стоит купить панели в «ТехноСтиль»
Мощная производственная база и более чем 10-тилетний опыт работы на рынке позволяют оперативно и качественно выполнять задачи любой сложности. У нас можно заказать сэндвич-панели любых цветов — палитра цветовых решений включает все тона линейки RAL. На всю изготавливаемую продукцию действуют фиксированные цены. Заказчикам предоставляется полный пакет сопроводительной документации.
Мы не только изготавливаем панельные плиты, но также осуществляем установку конструкций под ключ.
|
102 |
Абрикос | Серебристо-светло оранжевый | + | |
|
602 |
Авантюрин | Серебристо-чёрный | – | |
|
204 |
Айсберг | Белая двухслойная | + | |
|
243 |
Акапулько | Ярко-жёлтый | – | |
|
460 |
Аквамарин | Серебристый сине-зелёный | – | |
|
503 |
Аккорд | Серебристо-коричневый | + | |
|
309 |
Аллигатор | Оливково-зелёный | + | |
|
1018 |
Алмазное серебро | (ИЖ) Серебристый | + | |
|
205 |
Альпийский снег | Белый металлик | + | |
|
660 |
Альтаир | Серебристый светло-серый | + | |
|
355 |
Амазонка | Ярко-зелёный | – | |
|
145 |
Аметист | Серебристый фиолетовый | + | |
|
371 |
Амулет | Серебристо-тёмно-зелёный | + | |
|
425 |
Андриатика | Голубой | – | |
|
125 |
Антарес | Тёмно-вишнёвый | + | |
|
277 |
Антилопа | Серебристо-бежевый | + | |
|
286 |
Апатия | Серебристый оранжевый | + | |
|
305 |
Аспарагус | Серебристо-зелёный | + | |
|
490 |
Астероид | Тёмно-сине-зелёный | + | |
|
440 |
Атлантика | Светло-синий | – | |
|
1158 |
Аустер | (GM) Светло-серый | + | |
|
421 |
Афалина | Серебристо-зелёно-голубой | + | |
|
218 |
Аэлита | Бежевый | + | |
|
645 |
Базальт | Серо-чёрный | + | |
|
107 |
Баклажан | Тёмно-фиолетовый | – | |
|
420 |
Балтика | Тёмно-сине-зелёный | – | |
|
353 |
Бальзам | Зелёный | – | |
|
273 |
Бархан | Бежевый | – | |
|
235 |
Бежевый | Бежевый | – | |
|
240 |
Белое облако | Белый | – | |
|
201 |
Белый | Белый | – | |
|
302 |
Бергамот | Серебристо-зелёный | + | |
|
633 |
Борнео | Серебристо-тёмно серый | + | |
|
451 |
Боровница | Серебристо-серо-синий | + | |
|
480 |
Бриз | Зелёно-голубой | – | |
|
262 |
Бронзовый век | Бежево-коричневый | + | |
|
117 |
Бургундия | Красный металлик | + | |
|
388 |
Вавилон | Металлик серо-бежевый | + | |
|
464 |
Валентина | Серо-фиолетовый | – | |
|
310 |
Валюта | Серо-зелёный | + | |
|
191 |
Венера | Тёмно-красный | + | |
|
655 |
Викинг | Тёмно-серый | + | |
|
129 |
Виктория | Серебристый ярко-красный | + | |
|
127 |
Вишня | Тёмно-бордовый | – | |
|
132 |
Вишнёвый сад | Тёмно-серебристо-красный | – | |
|
313 |
Водолей | Серо-зелёный | + | |
|
488 |
Галактика | Тёмно-фиолетовый | + | |
|
423 |
Гейзер | Серо-голубой | + | |
|
481 |
Голубой | Голубой | – | |
|
180 |
Гранат | Тёмно-бордовый | – | |
|
682 |
Гранта | Серо-синий | + | |
|
150 |
Дефиле | Серебристо-серо-коричневый | – | |
|
285 |
Джем | Оранжево-коричневый | + | |
|
424 |
Дипломат | Синий | + | |
|
502 |
Дыня | Серебристо-жёлтый | + | |
|
321 |
Дюшес | Серебристо-молочно-зелёный | + | |
|
203 |
Жасмин | Бело-жёлтый | – | |
|
230 |
Жемчуг | Серебристо-бело-молочный | + | |
|
627 |
Жимолость | Серо-синий | + | |
|
200 |
Жёлтый-такси | Ярко-жёлтый | – | |
|
307 |
Защитный | Зелёный | – | |
|
257 |
Звёздная Пыль | Бежево-сиреневый | + | |
|
963 |
Зелёный | Зелёный | + | |
|
1012 |
Зелёный Авокадо | (ИЖ) Тёмно-зелёный | – | |
|
307 |
Зелёный сад | Тёмно-зелёный | – | |
|
1901 |
Золотая звезда | (GM) Бежево-золотистый | + | |
|
245 |
Золотая Нива | Серебристо-жёлто-зелёный | + | |
|
109 |
Золотисто-бежевый | (ИЖ) Золотисто-бежевый | + | |
|
347 |
Золото Инков | Золотистый тёмно-зелёный | + | |
|
331 |
Золотой лист | Золотистый тёмно-зелёный | + | |
|
311 |
Игуана | Серебристо-ярко-зелёный | + | |
|
515 |
Изабелла | Тёмно-филетовый | + | |
|
385 |
Изумруд | Серебристо-зелёный | + | |
|
441 |
Индиго | Тёмно-синий | – | |
|
406 |
Ирис | Фиолетовый | – | |
|
128 |
Искра | Красный | + | |
|
113 |
Каберне | Тёмно-вишнёвый | – | |
|
358 |
Кайман | Тёмно-зелёный | + | |
|
104 |
Калина | Ярко-красный | + | |
|
190 |
Калифорнийский Мак | Золотисто-красный | + | |
|
453 |
Капри | Тёмно-сине-зелёный | + | |
|
212 |
Капучино | Светлый серо-бежевый | – | |
|
101 |
Кардинал | Ярко-красный | – | |
|
118 |
Кармен | Красный | – | |
|
630 |
Кварц | Тёмно-серый | + | |
|
352 |
Кедр | Серо-зелёный | – | |
|
381 |
Кентавр | Тёмно-зелёный | + | |
|
322 |
Колумбийская зелень | Золотисто-оливковый | + | |
|
116 |
Коралл | Серебристый тёмно-красный | + | |
|
790 |
Кориандр | Золотисто-коричневый | + | |
|
798 |
Корица | Коричневый | + | |
|
370 |
Корсика | Серебристый болотно-зелёный | + | |
|
665 |
Космос | Чёрный | + | |
|
1017 |
Красный перец | (ИЖ) Серебристо-вишнёвый | + | |
|
1013 |
Красный Порту | (ИЖ) Вишнёвый | – | |
|
281 |
Кристалл | Светло-серый | + | |
|
171 |
Кубок | Красный | – | |
|
435 |
Ла-манш | Серебристо-фиолетовый | + | |
|
675 |
Лаванда | Серебристо-коричневый | – | |
|
487 |
Лагуна | Серебристо-синий | + | |
|
411 |
Ладога | Серебристо-голубой | + | |
|
445 |
Лазурит | Фиолетово-синий | + | |
|
498 |
Лазурно-синий | Серебристый тёмно-синий | + | |
|
489 |
Лазурь | Синий | – | |
|
560 |
Ламинария | Зелёный | – | |
|
221 |
Ледниковый | Белый | – | |
|
413 |
Ледяной | Голубой | + | |
|
495 |
Лунный Свет | Светло-голубой | + | |
|
410 |
Магеллан | Тёмно-синий | – | |
|
133 |
Магия | Серебристо-ярко-фиолетовый | + | |
|
119 |
Магма | Оранжевый | + | |
|
120 |
Майя | Серебристый тёмно-бордовый | + | |
|
121 |
Мальборо | Красный металлик | + | |
|
428 |
Медео | Голубой | – | |
|
234 |
Медовый | Желто-золотой | + | |
|
317 |
Меридиан | Зелёный | – | |
|
1014 |
Мерцающий синий | (ИЖ) Серебристо-тёмно-синий | + | |
|
217 |
Миндаль | Серебристо-бежево-розовый | + | |
|
280 |
Мираж | Серебристый-желто-зелёный | + | |
|
606 |
Млечный Путь | Серебристо-серо-графитовый | + | |
|
626 |
Мокрый асфальт | Серебристый стальной | + | |
|
403 |
Монте-карло | Ярко-синий | – | |
|
325 |
Морская Пучина | Тёмно-зелёный | – | |
|
458 |
Мулен Руж | Ярко-фиолетовый | – | |
|
377 |
Мурена | Сине-зелёный | – | |
|
426 |
Мускари | Мускари | + | |
|
620 |
Мускат | Серебристо-серо-золотистый | + | |
|
223 |
Нарцисс | Жёлтый | – | |
|
304 |
Наутилус | Тёмно-зелёный | – | |
|
239 |
Невада | Серебристо-серо-бежевый | + | |
|
628 |
Нептун | Серебристо-тёмно-серо-синий | + | |
|
368 |
Несси | Тёмно-зелёный | – | |
|
270 |
Нефертити | Серебристый-бежевый | + | |
|
383 |
Ниагара | Серебристо-серо-голубоватый | + | |
|
328 |
Ницца | Сине-зелёный | + | |
|
497 |
Одиссей | Серо-синий | + | |
|
1001 |
Озеро Тахо | (УАЗ) Тёмно-серо-зелёный | + | |
|
449 |
Океан | Тёмно-синий | – | |
|
345 |
Оливин | Золотисто-зелёный | + | |
|
340 |
Оливковый | Желто-зелёный | – | |
|
1121 |
Олимпия | (GM) Ярко-синий | + | |
|
419 |
Опал | Серебристо-голубоватый | + | |
|
632 |
Орион | Средне-стальной | + | |
|
643 |
Орхидея | Серебристо-бежевый | + | |
|
308 |
Осока | Зелено-голубой | + | |
|
387 |
Папирус | Серебристо-серо-зеленоватый | + | |
|
152 |
Паприка | Серебристо-красно-оранжевый | + | |
|
429 |
Персей | Тёмно-синий | + | |
|
404 |
Петергоф | Серо-зеленоватый | – | |
|
795 |
Пирано | Красно-коричневый | + | |
|
417 |
Пицунда | Зелено-синий | – | |
|
691 |
Платина | Серебристо-бежевый | + | |
|
615 |
Полюс Мира | Серо-коричневый | + | |
|
192 |
Портвейн | Тёмно-вишнёвый металлик | + | |
|
406 |
Посейдон | Тёмно-синий | + | |
|
222 |
Премьер | Ярко-жёлтый | – | |
|
342 |
Прерия | Серебристо-серо-зелёный | + | |
|
605 |
Престиж | Серебристо-тёмно-синий | + | |
|
276 |
Приз | Серебристо-бежевый | + | |
|
210 |
Примула | Светло-жёлтый | – | |
|
448 |
Рапсодия | Серебристо-ярко-синий | + | |
|
412 |
Регата | Серебристо-тёмно-синий | + | |
|
122 |
Реклама | Ярко-красный | – | |
|
499 |
Ривьера | Сине-фиолетовый | + | |
|
610 |
Рислинг | Серебристо-бледно-серый | + | |
|
1002 |
Ричмо | (УАЗ) Тёмно-коричневый | + | |
|
391 |
Робин Гуд | Тёмно-зелёный | + | |
|
182 |
Романс | Тёмно-красный | – | |
|
110 |
Рубин | Красный | – | |
|
442 |
Садко | Тёмно-голубой | – | |
|
1005 |
Салатовый | Салатовый | + | |
|
452 |
Сан-тропе | Ярко-синий | + | |
|
670 |
Сандал | Бежево-красный | + | |
|
446 |
Сапфир | Серебристый сине-фиолетовый | + | |
|
215 |
Сафари | Светло-бежевый | – | |
|
671 |
Светло-серый | Светло-серый | – | |
|
301 |
Серебристая ива | Серебристый-зеленовато-серый | + | |
|
640 |
Серебристый | Серебристый | + | |
|
236 |
Серо-бежевый | Серо-бежевый | – | |
|
233 |
Серо-белый | Серо-белый | – | |
|
427 |
Серо-голубой | Серо-голубой | – | |
|
373 |
Серо-зелёный | Серо-зелёный | – | |
|
1019 |
Серое олово | (ИЖ) Серый серебристый | + | |
|
242 |
Серый базальт | Серо-бежевый | + | |
|
1011 |
Синий калипсо | (ИЖ) Тёмно-синий | – | |
|
447 |
Синяя полночь | Синий | – | |
|
422 |
Сирень | Светло-фиолетовый | – | |
|
483 |
Сириус | Серо-синий | + | |
|
478 |
Слива | Серебристо-ярко-синий | + | |
|
295 |
Сливочно-белый | Сливочно-белый | – | |
|
207 |
Слоновая Кость | Бежево-жёлтый | – | |
|
690 |
Снежная Королева | Серебристый | + | |
|
202 |
Снежно-белый | Снежно-белый | – | |
|
650 |
Совиньон | Серебристо-серый | + | |
|
791 |
Солярис | Тёмно коричневый | – | |
|
360 |
Сочи | Серебристо-серо-зеленоватый | + | |
|
399 |
Табачный | Серебристый коричнево-зелёный | + | |
|
206 |
Талая Вода | Светло-серый | + | |
|
631 |
Тополиный пух | Серый | + | |
|
170 |
Торнадо | Красный | – | |
|
100 |
Триумф | Серебристо-красный | + | |
|
475 |
Тундра | Серебристо-зеленоватый | + | |
|
509 |
Тёмно-бежевый | Тёмно-бежевый | – | |
|
793 |
Тёмно-коричневый | Тёмно-коричневый | – | |
|
625 |
Тёмно-серый | Тёмно-серый | – | |
|
456 |
Тёмно-синий | Тёмно-синий | – | |
|
466 |
Тёмно-синий | Оттенок тёмно-синего | – | |
|
1020 |
Ультрамарин | (ИЖ) Сине-зелёный | – | |
|
123 |
Успех | Оранжевый | – | |
|
1115 |
Феерия | (GM) Ярко-красный | + | |
|
622 |
Феникс | Чёрный | + | |
|
416 |
Фея | Серебристо-сиреневый | + | |
|
105 |
Франкония | Тёмно-вишнёво-малиновый | + | |
|
430 |
Фрегат | Цвет морской волны | – | |
|
363 |
Цунами | Тёмно-зелёный | + | |
|
228 |
Чайная Роза | Светло-жёлтый | – | |
|
408 |
Чароит | Серебристый тёмно-фиолетовый | + | |
|
162 |
Черешня | Тёмно-алый | – | |
|
482 |
Черника | Тёмно-синий | + | |
|
672 |
Чёрная Пантера | Чёрный, двойная эмаль | – | |
|
601 |
Чёрный | Чёрный | – | |
|
603 |
Чёрный | Оттенок чёрного | – | |
|
1021 |
Чёрный графит | (ИЖ) Серебристо-серо-графитовый | + | |
|
513 |
Чёрный жемчуг | Серебристо-коричневый | + | |
|
651 |
Чёрный трюфель | Чёрный | + | |
|
637 |
Чёрный шоколад | Тёмно-коричневый | + | |
|
415 |
Электрон | Тёмно-серый | + | |
|
290 |
Южный крест | Серо-бежевый | + | |
|
473 |
Юпитер | Серебристо-голубоватый | + | |
|
140 |
Яшма | Тёмно-вишнёвый | – |
Потому что цвета – это красиво.
Создание универсальной цветовой палитры для 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Средние тона должны иметь высокую насыщенность и быть доступными
Средние тона, как правило, следует использовать с осторожностью. Это основные моменты, призывы к действию. Это акцентные цвета и элементы брендинга в цифровом опыте. Они должны привлекать внимание и обеспечивать характер продукта.
Пример экрана продукта с использованием CarbonCarbon использует средние тона для основных кнопок, полос выделения на выбранных вкладках и индикаторов выполнения.
Это требует, чтобы цвет был доступен с коэффициентом контрастности к фону не менее 3: 1, в соответствии со стандартом WCGA 2.1 для значимых нетекстовых элементов.
Мы используем средние тона для цветных текстовых элементов, таких как ссылки и предупреждающие сообщения. Это требует, чтобы цвет был доступен с коэффициентом контрастности к фону 4,5: 1. Средние тона должны быть насыщенными, чтобы отличаться от серого текста.
Исследование цвета ссылокУчитывайте исключения при переключении тем
Потребность в темных и светлых темах возросла и стала мейнстримом при создании цветовых систем. Для Carbon сложности связаны с темными темами. Реализация темной темы нашего компонента кнопки – это не простая инверсия фона и цвета текста. Когда вы просто меняете цвета и наносите темный текст на кнопки, расположенные на темном фоне, читаемость может ухудшиться, особенно в средних тонах. Белые метки кнопок соответствуют ожиданиям пользователей о ярком, напористом призыве к действию.
Это сжимает наши средние тона. Если фон кнопки будет ярче, белая метка не будет соответствовать коэффициенту контрастности 4.5: 1. А с более темной меткой кнопка не будет выделяться на фоне 3: 1.
Чтобы решить эту проблему, мы немного расширили самые темные и самые светлые диапазоны. Это дало средним тонам немного больше места для маневра, оставаясь доступным на всех фронтах. Опасность такого метода заключается в том, что крайние концы серых оттенков могут плохо воспроизводиться на некоторых мониторах, проекторах и принтерах. Нам нужна унифицированная палитра, и мы хотим предложить наиболее безопасные для использования в большинстве случаев цвета.
Перед настройкой все фоновые кнопки средних тонов чуть-чуть теряют соотношение контрастности 3: 1 для темы серый 90Когда все эти настройки собраны вместе, вы получаете надежную структуру для семьи серых оттенков. Интервалы соотношения контрастности между средними тонами и крайними концами спектра (которые являются фонами) должны удовлетворять следующим требованиям:
- Контраст между серым 60 и 90 имеет коэффициент контрастности минимум 3: 1.
- Контраст между серым 60 и 10 имеет коэффициент контрастности минимум 4,5: 1.
- Контраст между 50 и 90 имеет коэффициент контрастности минимум 4,5: 1.
- Контраст между 50 и 10 имеет коэффициент контрастности минимум 3: 1.
После значительных улучшений в оттенках серого мы применили один и тот же спектр яркости для всех остальных семейств цветов.
Все семейства цветов (ряды) подчиняются спектру яркости, настроенному с помощи нейтральных серых оттенков. Обязательно перейдите в полутоновую шкалу в Photoshop, что, по нашему опыту, является наиболее точным в этом преобразованииА что насчет визуализации данных?
Визуализация данных является стресс-тестом цветовой палитры, поскольку палитра должна обеспечивать множество отличающихся цветов, которые работают для различных видов дальтонизма.
Некоторые системы выбирают отдельную или расширенную палитру. Это огромная тема сама по себе, поэтому я оставлю ее для другой статьи. Наша работа по рестайлингу Carbon Charts все еще продолжается, так что следите за обновлениями!
Только то, что вам нужно
Слишком большое количество цветов может повредить пользовательскому опыту, а перегруженный дизайном продукт, имеющий большое количество опций, может привести к ошибкам. Противоречивый выбор цветов может создать путаницу и отвлечь пользователей от выполняемой работы. Плохо подобранные цвета могут создать сильное остаточное изображение при длительном взаимодействии с экраном.
IBM нанимает много начинающих профессионалов, которые ценят рекомендации и принимают ограничения. По-прежнему существует много устаревших продуктов с плохим юзабилити, и мы постоянно добавляем элементы, которые не соответствуют нашему языку дизайна.
Отдельные дизайнеры не просто проектируют интерфейсы. Они влияют на дорожные карты продуктов, отвечают на запросы клиентов и ежедневно работают с руководством.
Легко упустить нюансы деталей использования цвета и совершить ошибки. С точки зрения дизайн-системы, меньше вариантов цвета, препятствуют неправильному использованию и обеспечивают гармонию между продуктами.
Ограничение – не единственная причина, по которой мы сократили палитру со спектра радуги до нынешних семи оттенков. Решение было основано на философии бренда IBM, и здесь мы углубимся в историю, связанную с работой, которая привела нас к первоначальной палитре.
Эволюция цветовой палитры
IBM существует уже более века, а цвета, связанные с брендом, постоянно меняются. Вы можете легко обнаружить изменяющуюся технологию и замыслы дизайна, которые формируют каждую цветовую палитру.
Давайте рассмотрим сегодняшнюю палитру языка дизайна IBM.
Цветовые палитры IBM по годам слева направо: 1960, 2008, 2015, 2016, 2018, 2019Важно быть существенным
Мы очень любим машины IBM 1960-х годов. В прошлом смелые основные цвета покрывали аппаратное обеспечение IBM и определяли будущее бизнеса в эпоху, когда возможности вычислительной техники только начали раскрываться.
Позже, в попытке оживить дизайн в IBM, цветовые палитры снова и снова расширялись под влиянием основополагающей темы инклюзивности, омоложения и прогресса. Сегодня палитра резко сокращена, чтобы сосредоточиться на передаче точки зрения, которую IBM представляет:
Мы должны предположить, что все продукты будут физически связаны друг с другом, поэтому цвет и его применение должны учитывать нашу проблему в целом.
—IBM ID, Color Applications, Introduction, 1962
Быть существенным означает, что палитра была намеренно сделана минимальной. Существует всего 104 образца, которые разбиты на 10 семейств цветов, каждое из которых содержит 10 оттенков: черный и белый, один оттенок желтого и один оттенок оранжевого. Если вы исключите серые оттенки, в этой палитре будет всего 7 оттенков.
Меньшее количество оттенков делает палитру более удобной. Оно обеспечивает направление и четкую точку зрения, которая распространяется на огромную компанию, где дизайнеры все еще остаются дефицитным ресурсом.
Синий, как основной цвет
Синий остается основным цветом нашей палитры, чтобы отдать дань историческому прозвищу IBM, «Big Blue». Итак, первым мы выбрали синий цвет.
Семейство синих оттенков 2015 года немного смещается в сторону фиолетового в более светлом конце и сизого в более темном конце. В 2018–2019 годах синий цвет обновился, чтобы стать более насыщенным, чистым и яркимСемейство синих оттенков 2015 года немного смещается в сторону фиолетового в более светлом конце и сизого в более темном конце. В 2018–2019 годах синий цвет обновился, чтобы стать более насыщенным, чистым и ярким. Для некоторых пользователей новая палитра – неприятный опыт, особенно при просмотре в течение длительного периода времени.
Настраивая синий цвет для продуктов в 2019 году, мы знали, что нам нужно его немного переработать.
Несмотря на то, что палитра спроектирована для цифрового дизайна, в качестве основного варианта использования (для печати используется палитра Pantone), цвета извлекаются из окружающего нас мира, как природного, так и машинного.
Легкая гармония и масштаб
После того, как мы выбрали синий, он стал центральной осью для других оттенков. В этой палитре за синим следуют красные и зеленые оттенки. Они равноудалены от синего в каждую сторону. Любой цвет за пределами этого диапазона был исключен из-за дисгармонии, которую он создавал. Результатом является выбор оттенков, тесно связанных с синим.
Синий цвет был выбран первым. Все остальные оттенки находятся в акселях для красного и зеленогоС небольшим количеством синего в каждом оттенке и меньшим количеством оттенков в палитре легче объединять цвета и оставаться верным бренду. Создавать гармонию увлекательно, и руководство по использованию палитры может быть значительно упрощено.
Влияние новой палитры очевидно. Почти каждая комбинация цветов выглядит свежо и современно. Она мгновенно нашла поклонников в канале иллюстрации в Slack. Просто посмотрите страницу галереи IBM Design, или эти шоты сообщества на Dribbble, или эти великолепные иконки приложений, спроектированные Peter Garvin.
Функционально и доступно
На этом этапе мы возвращаемся к совместной работе между командами дизайн-системы и языка дизайна. Это сотрудничество стало возможным благодаря культуре IBM, основанной на взаимном уважении к опыту каждого дизайнера. В конце концов, цветовая палитра, созданная с учетом особенностей и рекомендаций, обеспечивающих доступность, в большей степени выражает философию бренда.
С последним релизом мы наконец-то достигли уверенной, стабильной палитры, которая поддерживает восприятие бренда на всех фронтах.
Вывод
Это конец истории создания нашей цветовой палитры. Я многому научился, создавая ее и надеюсь, что вы тоже узнали что-то новое из этой статьи.
Настроить сто четыре оттенка цветов – все равно что настроить расстояния между сотнями костяшек домино – ручной, утомительный и трудоемкий процесс.
Но когда палитра готова и логика использования надежно установлена, становится удивительно, насколько она упрощает работу.
Я верю, что многие дизайнеры, как и я, любят и ненавидят цвета. Я призываю вас всех попробовать приручить этого зверя. Потому что, в конце концов, цвета того стоят. Цвета прекрасны.
Спасибо Connor Leech и Hayley Hughes.
Палитра серых цветов для замечательных веб-сайтов
Серая цветовая палитра, хотя и смягченная, может творить чудеса с веб-сайтами. Он может включать дополнительные цвета, контрастирующие с серым, в оригинальных сочетаниях. Обычно серый цвет создает современную и элегантную цветовую схему. Смежные цвета придают веб-сайту живость и живость и могут создавать классные цветовые комбинации.
В следующих строках мы даем вам несколько примеров палитр серого цвета, которые можно успешно воспроизвести для нового веб-сайта:
Пример 1 серой цветовой палитры
На этом сайте черный и серый чередуются в серьезных тонах.
Это интригующее изменение только вызывает любопытство относительно веб-сайта и его сути. Первое, что нужно сделать при переходе на главную страницу, — это щелкнуть раздел «О программе». Таким образом, вы обнаружите, что Gothamsiti — креативное агентство с сильным портфолио. Прокручивая страницы сайта, вы увидите тот же черный и серый фон. Эти цвета хорошо служат фирменному стилю компании, ставя ее на первое место. Текст белого цвета, который отлично контрастирует с темным фоном и очень легко читается.Можно сказать, что серая цветовая палитра играет главную роль в продвижении контента. Gothamsiti — агентство, которое больше полагается на контент, чем на дизайн.
Пример 2 серой цветовой схемы
Пример 3 серой цветовой палитры на сайте
На этом веб-сайте мягкие тона красного, оранжевого и коричневого цветов служат отличием от серого, который пронизывает изображение в заголовке домашней страницы.Несколько оттенков серого создают баланс в хроматической схеме сайта. Они делают цветовую палитру оригинальной и приятной для глаз. Поскольку они используются в заголовке, они вызывают приятное чувство у читателей, которые охотно начинают изучать веб-сайт. Они передают ощущение благополучия и уюта, которое трудно игнорировать. Остальная часть веб-сайта основана на белом фоне и темном тексте.
Пример 4 серого в исходной цветовой гамме
На этот раз серый — часть довольно оригинальной цветовой палитры.Он сочетает в себе мягкие оттенки с желтым, синим и фиолетовым, а также черный текст. Изображение в заголовке домашней страницы очень наводит на размышления и связано с заголовком: «Путеводитель по вашему внутреннему ландшафту». Серый цвет предполагает человеческие силуэты и «внутренний пейзаж». Что оправдано для компании, специализирующейся в области прикладной психологии и поведенческой экономики. Текст частично заимствует серый цвет из изображения заголовка, поэтому текстовые описания отображаются серым цветом.
Пример 5 серого, черного и белого
Данный веб-сайт является репрезентативным для презентации отеля.Домашняя страница и главный герой спроектированы таким образом, чтобы содержать много белого пространства. Вы уже знаете, что пустое пространство очень важно в веб-дизайне, и DDD Hotel прекрасно его использует. Что касается цветовых сочетаний, помимо белого, на сайте присутствуют оттенки коричневого, а также серого и черного. Текст окрашен в черный цвет, чтобы хорошо контрастировать с другими цветами фонового изображения. В каждом разделе на главной странице есть индикатор того, что пользователь должен делать дальше: это кружок (разного цвета по всей странице), который сигнализирует о следующем шаге в навигации по сайту.В первых двух разделах круг черный / белый, чтобы его можно было легко отличить от остальных соответствующих разделов.
Пример 6 серой цветовой схемы
Как сообщает сайт, он предлагает новый опыт покупок. Это ювелирный магазин, и серая цветовая палитра подчеркивает доступные коллекции. Темно-серый цвет создает впечатление элитной продукции, роскоши и дороговизны.Кроме того, это говорит о том, что украшения легко заметить. Рекомендуется использовать белый цвет на сером фоне для лучшей видимости и четкости сообщения. Это сайт, который приглашает к дальнейшему изучению продуктов и, в конечном итоге, к покупке.
Мы надеемся, что эти примеры вдохновят вас на создание собственной палитры серых цветов для нового веб-сайта. Теперь, когда вы знаете эффекты серого для цветовой схемы веб-сайта, вы можете комбинировать его с яркими или бледными цветами, чтобы создать точные впечатления, которые вы хотите связать со своим брендом.
Gray Rgb: палитра оттенков серого с равной контрастностью
Вам когда-нибудь требовалась палитра оттенков серого для различных поверхностей, теней или состояний в вашем веб-приложении? Я создал небольшую утилиту для создания такой палитры.
tl; dr : Прокрутите до конца, чтобы просмотреть список цветов
Я рад, что вы спросили. Я мог бы просто создать палитру, которая начиналась с черного # 000000 и переходила к белому #ffffff с шагом, скажем, # 080808 .Так что-то вроде (помните шестнадцатеричный):
-
# 000000 -
# 080808 -
# 101010 -
# 181818 - …
-
#ffffff
Но это кажется немного странным, в основном потому, что мы, люди, не воспринимаем цвета как шестнадцатеричные представления. Такие качества, как оттенок , насыщенность и яркость , намного лучше интерпретируют человеческое восприятие цвета.Когда вы сравниваете два разных серых цвета друг с другом, они будут отличаться только яркостью. Распространенный метод измерения разницы в яркости — вычисление коэффициента контрастности .
В определении коэффициента контрастности WCAG указано:
Коэффициент контрастности
(L1 + 0,05) / (L2 + 0,05), где
- L1 — относительная яркость более светлых цветов, а
- L2 — относительная яркость более темного из цветов.
ПРИМЕЧАНИЕ
Коэффициент контрастности может находиться в диапазоне от 1 до 21 (обычно записывается от 1: 1 до 21: 1).
На самом деле, я уже писал подробную статью о расчете коэффициента цветовой контрастности, см. Ниже, если вам интересно:
В общем, методика расчета контрастности уже дана.
Моей целью было создать серую цветовую палитру, в которой каждый цвет по отношению к соседнему цвету имеет одинаковый коэффициент контрастности. Чтобы создать такую палитру, мне нужно было только пройти через серое пространство RGB и сохранить цвета, которые имели достаточный контраст по сравнению с предыдущим цветом палитры.Я выбрал значение контрастности по умолчанию 1,10362 (примерно 1,1 ), чтобы палитра простиралась от # 000000 до точно #ffffff и состояла из 30 отдельных цветов. Вы можете увидеть результат во встроенном CodePen ниже, но можете поиграть, открыв Pen в режиме редактирования и изменив значение CONTRAST_RATIO в первой строке JS 🙂
Tombow ABT PRO Grey Palette Художественные маркеры на спиртовой основе
ABT PRO — это постоянный арт-маркер с двойным наконечником, гибким наконечником кисти и наконечником стамески в одном флаконе.Этот ассортимент из 12 предметов серого цвета включает многоразовый и штабелируемый поднос для стола. Наконечник кисти работает как кисть, создавая мелкие, средние или жирные мазки, просто изменяя давление кисти; острие долота обеспечивает четкие линии и широкое покрытие для окраски больших пространств. Тонкий корпус для удобного захвата во время использования. Идеально подходит для художников, дизайнеров и мастеров. Перманентные быстросохнущие чернила на спиртовой основе позволяют создавать насыщенные яркие цвета, которые можно накладывать друг на друга для получения богатой насыщенности, затемнения и градации цвета.Прочный нейлоновый наконечник щетки и наконечник зубила из полиэстера сохраняют форму после интенсивного использования. Также доступно перо Blender Pen с бесцветными чернилами для смешивания, которое отлично подходит для сглаживания цветовых полей, создания градаций и управления или корректировки цветовых приложений.Детали:
- Включает 12 различных оттенков серого
- 10 дюймов x 7,94 дюйма x 0,94 дюйма (25,4 см x 20,16 см x 2,38 см)
- Тонкий ствол
- Герметичные колпачки с цветовой кодировкой
- Dual- наконечник (гибкий наконечник кисти и твердый наконечник зубила)
- Перманентные быстросохнущие чернила на спиртовой основе
- Включает многоразовый и штабелируемый настольный лоток
- Для использования с ручкой Blender Pen PN00 (не входит в комплект)
- PN95 Холодный серый 1
- PN89 теплый серый 1
- PN79 теплый серый 2
- PN75 холодный серый 3
- PN69 теплый серый 4
- PN55 холодный серый 7
- PN49 теплый серый 8
- PN45 холодный серый 10
- PN35 холодный серый 12
- PN29 теплый серый 13
- PN25 лампа черный
- PN15 черный
Детали:
- Включает 12 различных оттенков серого
- 10 дюймов x 7,94 дюйма x 0,94 дюйма (25,4 см x 20,16 см x 2,38 см)
- Тонкий ствол
- Герметичные колпачки с цветовой кодировкой
- Dual- наконечник (гибкий наконечник кисти и твердый наконечник зубила)
- Перманентные быстросохнущие чернила на спиртовой основе
- Включает многоразовый и штабелируемый настольный лоток
- Для использования с ручкой Blender Pen PN00 (не входит в комплект)
- PN95 Холодный серый 1
- PN89 теплый серый 1
- PN79 теплый серый 2
- PN75 холодный серый 3
- PN69 теплый серый 4
- PN55 холодный серый 7
- PN49 теплый серый 8
- PN45 холодный серый 10
- PN35 холодный серый 12
- PN29 теплый серый 13
- PN25 лампа черный
- PN15 черный
Как украсить главную спальню с помощью серой цветовой палитры | Руководства по дому
Серый — успокаивающий, спокойный цвет, что делает его логичным выбором для спальни.Однако то, что это расслабляющий нейтральный цвет, не означает, что серый должен быть скучным. Хорошо спроектированная серая комната может быть визуально интересной, как и комната с более яркой цветовой гаммой. Цветовая палитра, в которой используются разные оттенки одного и того же цвета, называется монохромной схемой, и комнаты, оформленные таким образом, как правило, выглядят непринужденно, современно и изысканно.
Балансировка монохроматической палитры
Как и любая цветовая палитра, монохроматическая палитра обычно состоит из трех цветов: основного или доминирующего цвета, дополнительного цвета и акцентного цвета.Доминирующий цвет покрывает около 60 процентов комнаты, вторичный цвет — 30 процентов, а акцентный цвет — оставшиеся 10 процентов. Используйте темный оттенок серого в качестве доминирующего цвета, чтобы создать уютное, интимное пространство. Используйте бледный оттенок, чтобы создать открытое светлое пространство. Акцентный цвет должен иметь значение, противоположное доминирующему. Например, если у вас темно-серые стены, выберите для отделки переливающийся серебристый цвет.
Использование узора
Поскольку ваша цветовая схема не предлагает большого разнообразия, добавьте текстуру и интерес к комнате с помощью узора.Как и в случае с цветами, выберите три рисунка: один большой или сложный, один средний и один мелкий или нежный. Уравновесите их в той же пропорции 60-30-10. Например, если ваш доминирующий цвет — темно-серый, второстепенный цвет — средний серый, а ваш акцентный цвет — серебристый, вы можете наклеить обои с большим темно-серым дамасским узором, украсить кровать в темно-серые и средне-серые полосы. и добавьте серебряные декоративные подушки с тонким мелким цветочным узором.
Добавление акцентов
Используйте отделку, лепнину, аксессуары и искусство, чтобы контрастировать с основным цветом комнаты.Используя предыдущий пример с темно-серыми стенами, вы можете покрасить оконную раму в бледно-серый цвет, установить серебристые ручки и ручки на ящики и выбрать хромированный потолочный светильник. Если вы решите повесить большую черно-белую фотографию на фокальной стене, вы можете выбрать изображение, которое в основном было темным, но использовало серебро, чтобы привлечь внимание к наиболее важным визуальным элементам. Благодаря силе узоров не нужно добавлять в комнату много аксессуаров.
Введение в цвет
Один из приемов дизайна с монохроматическими цветовыми схемами состоит в том, чтобы ввести один контрастный цвет и использовать его в одном или двух местах.Все контрастирует с серым, поэтому вы можете выбрать любой понравившийся цвет. Мягкий цвет, такой как лаванда, подчеркнет изысканность, смелый цвет, например, синий электрик, добавит современности, а насыщенный цвет, такой как жженый оранжевый, будет эффектным, но изысканным. Попробуйте поставить оливково-зеленую скамейку под окном или вазу с красными розами на комоде. Какой бы цвет вы ни использовали, он будет ярко выделяться на фоне серого.
Ссылки
Ресурсы
Биография писателя
Стефани Митчелл — профессиональный писатель, автор веб-сайтов и статей для агентов по недвижимости, коучей самопомощи и руководителей кастинга.Митчелл также регулярно редактирует веб-сайты, деловую переписку, резюме и полные рукописи. В 2007 году окончила Сиракузский университет со степенью бакалавра изящных искусств в музыкальном театре.
Цветовых палитр и серых нарядов на выбор
Серый — распространенный нейтральный цвет, который не должен быть скучным. Этот цвет представляет собой более мягкую альтернативу черному, и на самом деле его легче носить многим женщинам старше 40 лет.
Это невероятно универсальный цвет, который можно носить по-разному как летом, так и зимой, и я выбираю его для каждого сезона.
Вот обновленное руководство о том, как носить серое зимой и летом!
Думаете, серый действительно скучный? Вот почему вы можете захотеть пересмотреть
Прежде чем взглянуть на цвета, которые сочетаются с серым, возможно, вы совсем не уверены, что нужно носить серый цвет.
В конце концов,Серый часто считается скучным и консервативным вариантом. Но на самом деле это не обязательно. Вот некоторые из причин, по которым вы можете носить серое.
Серый может быть очень изысканным
Серый цвет, который часто рассматривается как зрелый выбор, может быть сексуальным и утонченным.Хотя он ассоциируется с рабочей одеждой или серыми мужскими костюмами, я думаю, что неожиданное ношение серого или неожиданные материалы могут сделать ваш наряд настоящим вау-фактором.
Grey — идеальная основа для капсульного шкафа
Если вы хотите создать капсульный гардероб, чтобы убедиться, что все, что у вас есть, сочетается с множеством других вещей в вашем шкафу, серый может быть идеальным нейтральным, чтобы выбрать его в качестве основы.
Евгения @theageofgrace выше (читайте ее интервью по стилю здесь) выбирает серые шезлонги и одевает их в кожаный пиджак.
Получите ее образ с этим похожим топом в рубчик, брюками, блейзером, пинетками, сумкой и солнцезащитными очками.
Он менее жесток, чем черный
Черный часто считается лестным вариантом, и он может похудеть. Однако черный цвет на вашем лице также может стареть. Серый предлагает более мягкий вариант, и вы можете выбрать серый, который лучше всего подходит вашему тону кожи.
Подходит ко всему
Как вы увидите ниже, серый действительно сочетается практически со всеми цветами, о которых вы только можете подумать.
Diane @ fashiononthe4thfloor выше (читайте ее интервью по стилю здесь) показывает, что серый может красиво смотреться с серебром.
Воссоздайте ее наряд с этим похожим свитером, брюками, кроссовками и сумкой.
Цвета, сочетающиеся с серым — выберите из этих цветовых палитр
Отличный способ найти вдохновение для своих нарядов — использовать такой инструмент, как Colorlovers. Всего за 5 минут я получил все эти великолепные цветовые палитры (см. Выше), просто набрав ключевое слово серый.
Вы можете видеть, насколько универсален этот цвет.
Он отлично смотрится с мягкими пастельными тонами, такими как голубой и розовый, отлично сочетается с белым и яркими цветами и выглядит свежо и современно с более яркими цветами.
Теперь вы можете просмотреть эти цветовые палитры и посмотреть, какая из них вам подходит.
Затем перейдите к своему гардеробу, посмотрите, какие цвета уже есть, и начните создавать наряды.
Это может быть фантастическим способом оживить свой гардероб, если вы чувствуете, что застряли в какой-то колее с точки зрения того, как вы носите свою одежду.
Идеальная серая основа
Если вы хотите создать стильные серые наряды, вам сначала понадобятся стильные серые предметы первой необходимости, чтобы добавить к ним остальные цвета. Вот некоторые из лучших серых предметов первой необходимости в магазинах.
Как носить серый: Идеальный серый топ
Этот многослойный топ позволит вам создать множество нарядов. Вы можете легко совместить его с рубашкой снизу или мотоциклетной курткой сверху, но его также можно очень стильно носить отдельно.
Преимущество этого топа от Topdress в том, что он красиво драпируется на животе и отлично его скрывает. Он не слишком длинный, чтобы не разрезать ваше тело пополам, а асимметричный подол делает его еще более привлекательным!
Topdress-туника сверху
Также обратите внимание на , как спрятать живот с помощью подходящей одежды.
Идеальное серое пальто
Фотограф в стиле 40+ Дентон Тейлор запечатлел эту девушку на улицах Нью-Йорка, и это отличный пример того, насколько стильным может быть серый цвет.
Кажется, этот наряд почти с ног до головы дизайнера с сумкой от Miu Miu, пальто и юбкой от Prada и Mulberry, солнцезащитными очками от Prada и шарфом от Mulberry.
Однако вам не нужно выбирать дизайнера, чтобы получить похожий вид. Ниже серое пальто, которое вы можете примерить.
Пальто с запахом Romwe с водопадом
Идеальный серый пиджак
Серая куртка может сделать многие повседневные образы немного шикарнее.
Мне очень нравится серая мотокуртка от BLANKNYC, которая является отличной альтернативой классической черной кожаной куртке.
Носите его с платьями, юбками или джинсами. Он будет красиво смотреться в паре с белым, красным или черным.
Мото бомбер BANKNYC из искусственной замши
Идеальный длинный серый кардиган
Длинный открытый кардиган подойдет большинству.
С его помощью можно скрыть живот или удлинить и сделать стройнее, а если вы невысокого роста, то он отлично подойдет.
Этот кардиган выглядит особенно лестно, так как имеет более длинную линию.
Кардиган с открытым передом Nordstrom
Идеальное серое платье
Существует более 50 оттенков серого, поэтому вы можете выбрать тот, который вам больше нравится.Вы можете выбрать платье более темного оттенка серого, которое почти, но не совсем черное.
Дебора @stylishmurmurs (см. Ее интервью по стилю) выбирает средне-серое платье и носит кроссовки.
Воссоздайте ее наряд с помощью этого похожего платья, кроссовок и ожерелья.
Платье миди без рукавов PAIGE
Идеальная серая юбка
Асимметричный подол добавит интереса вашему серому образу. Юбка с платком (ниже) будет великолепно смотреться со свитером для переходного наряда, переходящего в более прохладные месяцы, или с футболкой и сандалиями на лето.
Юбка миди с платком DJT
Идеальные серые брюки
Эти штаны универсальны. Они выглядят шикарно для работы или более официальных мероприятий, но вы можете легко одеть их и для повседневной жизни, если сочетаете их с легкой рубашкой и джинсовой курткой.
Брюки Club Monaco с завязкой на талии
Идеальные серые джинсы
Когда дело доходит до джинсов, легко думать о черном, синем или белом. Но серый также может быть очень универсальным вариантом, так как он сочетается со всеми топами, которые есть в вашем шкафу.
Джинсы скинни с завышенной талией Sam Edelman
Идеальные серые сандалии
Многие из вас собираются отправиться в лето, как насчет серых сандалий? Сандалии Söfft (ниже) имеют контурную стельку, поэтому они должны держать вас в удобстве независимо от того, сколько вы ходите.
Сандалии Söfft
серые кроссовки
Кроссовкипо-прежнему в тренде, и мне очень нравятся эти кроссовки на платформе (см. Ниже). Они будут хорошо смотреться с брюками или юбками!
кроссовки Superga на платформе
серые сапоги
Черные ботинки могут выглядеть слишком темными для весны и лета, в зависимости от того, как вы их стилизуете.С другой стороны, пара серых ботинок может быть подходящим оттенком, который подойдет ко всем вашим летним нарядам.
Ботильоны Marc Fisher LTD
серые аксессуары
Да, черная сумка — это классика, но и серая сумка тоже. Серая сумка-тоут подойдет ко всему.
Кожаная сумка-тоут Vince Camuto
Создание ансамблей с серым
Я использовал цветовые палитры как стартовую основу для созданных мною ансамблей. Читайте множество советов о том, как носить серый цвет с разными цветовыми палитрами.
Сочетание серого с белым
Серый и белый — идеальная цветовая палитра для лета.
Бет @styleatacertainage выше (читайте ее интервью по стилю здесь) сочетает серый цвет со своими белыми джинсами.
Обратите внимание на этот похожий свитер, пиджак, джинсы, слипоны и сумку через плечо.
Топ-туника Topdress — Джинсовые шорты Wit & Wisdom — Сандалии Söfft — Клатч JNB из рафии — Серьги с бахромой Lixin Yiqing
Сочетание серого с синим
Еще один потрясающий образ — сочетание кобальтового синего с серым.Серый — идеальный способ сделать так, чтобы более яркий синий занял центральное место в вашем наряде.
Шелковая блузка Ted Baker London — Брюки-карго Wit & Wisdom — Ботильоны Marc Fisher LTD — кожаная сумка Vince Camuto — Серьги-подвески Stella + Ruby Stone —
Melting Sigh — сочетание серого с нежно-розовым
Я начал с «Тающего вздоха», так как мне нравится мягкая мечтательная комбинация серого и розового.
Серый и розовый создают мягкий романтический и классический образ.Розовый — отличный цвет для вязаного свитера, который можно сочетать как с брюками, так и с юбкой.
Но также подумайте о розовом цвете вашего пальто, которое будет красиво смотреться с вашими серыми брюками.
Хотя здесь я строго придерживался розово-серой палитры, на самом деле действительно приятно добавить в смесь белый. Также можно добавить более темные оттенки серого.
Чтобы добавить яркости или подчеркнуть свой романтический образ, добавьте красочный шарф. с этими цветами.
Кожаная мотокуртка Levi’s — платье без рукавов rag & bone — кроссовки на платформе Superga — кожаная стеганая сумка через плечо COACH — серьги-подвески Napier с кристаллами Swarovski
Сочетание серого и яркого розового
Patricia @madamechicbcn выше (читайте ее интервью по стилю здесь) прекрасно сочетает розовый, серый и черный.
Украдите ее образ с помощью этого похожего топа, куртки, брюк, каблуков, сумочки, берета и перчаток.
Галогенный кардиган с круглым вырезом — Льняное платье-рубашка Boden — Сандалии на танкетке Söfft — Стеганая кожаная сумка через плечо COACH — Серьги с кисточками Lixin Yiqing
Beautiful Freak — сочетание серого с зеленым
Еще одна вдохновляющая палитра — Beautiful Freak.Он сочетает в себе два модных цвета: серый и темно-зеленый.
Это особенно красиво, когда вы добавляете белый цвет или играете с разными оттенками серого. Завершите образ серебристыми или серыми брогами или ботинками.
Вы также можете носить более светлый оттенок зеленого, как показано ниже, с серым.
Мото бомбер BANKNYC из искусственной замши — Рубашка Nordstrom с V-образным вырезом — Плиссированная юбка GRACE KARIN — Кроссовки на платформе Superga — Сумка через плечо Steve Madden с тиснением под крокодиловую кожу
Сочетание серого с черным
Иногда минимальный наряд — это все, что вам нужно.Что делает этот наряд особенным, так это то, что этому платью придают мотоциклетная куртка и ботильоны.
Ким @kimair выше (читайте ее интервью о стиле здесь) добавляет модный серый топ с принтом тай-дай к своим черным брюкам.
Украдите ее образ этим похожим топом без рукавов, брюками, сандалиями и серьгами-кольцами.
Верх туники с носовым платком DJT — Леггинсы Vuori — Сандалии с ремешком на пятке L’Amour Des Pieds — Трансформируемая сумка через плечо HOBO — Серьги с кисточками Lixin Yiqing
Сочетание серого с красным
Серый также может использоваться как идеальный нейтральный с основными цветами, такими как красный.Это особенно удачное сочетание зимой и в сезон праздников.
Или вы можете создать шикарный образ для работы.
Топ Vince Camuto с открытыми плечами и завязкой спереди — Брюки Club Monaco с завязками на талии — Ботильоны Marc Fisher LTD — Трансформируемая сумка через плечо HOBO — Серьги BaubleBar
желтый и серый
Солнечный желтый — идеальный способ привнести веселые цвета в ваш серый наряд.
Блуза с пуговицами спереди Vince Camuto — Брюки-карго Wit & Wisdom — Сандалии AGL-слайд — Серьги с кисточками Lixin Yiqing
подробнее серый
Почему бы не носить свой серый с еще более серым? Нейтральный наряд может выглядеть очень изысканно.
Эйлин @eileenternullo великолепно выглядит в сером цвете.
Получите ее образ с этим похожим плащом, брюками, кроссовками и сумочкой.
Бомбер из искусственной замши BANKNYC — платье без рукавов из тряпья и кости — босоножки на танкетке Söfft — шоппер River Island — серьги с лепестками Open Edit
Купите все вышеперечисленные товары здесь:
Включите JavaScript для просмотра содержимогоЕще больше серого вдохновения для вас
Взгляните на прошлый сезон, но совершенно неподвластный времени, капсула, которая даст вам больше вдохновения, когда дело доходит до создания серых нарядов.
Прочтите наше полное руководство по созданию капсульного гардероба , который лучше всего подходит для вас.
Как я раньше носил серый
Я люблю носить серое на зимней белой основе.
Вот как я носила серое летом с моими широкими белыми штанами.
В широких брюках и сером топе.
Сочетание принтов со старой шелковой блузкой и юбками в горошек.
Как Дебра Рапопорт носит серый цвет
Превратите свои серые изделия в искусные ансамбли, такие как Дебра Рапопорт.
Какой твой любимый способ носить серое? Какая из этих цветовых комбинаций вам больше всего нравится?
Читать далее:
- Полное руководство по созданию капсульного гардероба, который подойдет вам
- Лучшие цвета для дополнения седых волос
- Можно ли носить бежевый старше 40 лет?
Понравилась статья о том, как носить серое? Сохраните это на Pinterest!
Изображение функции Дайан @ fashiononthe4thfloor
Хотите получать больше статей из стиля 40+ в свой почтовый ящик, подпишитесь здесь .
Вы также можете подключиться к стилю 40+ на Facebook, Instagram или Pinterest.
Поддержите стиль 40+, используя ссылки в наших статьях для покупок. Как партнер Amazon и многих других брендов, мы получаем небольшую комиссию (бесплатно для вас) за соответствующие покупки, что позволяет нам продолжать создавать для вас потрясающий бесплатный контент. Спасибо!
Выбор цветовой палитры — документация seaborn 0.11.2
Seaborn упрощает использование цветов, которые хорошо подходят для характеристик ваших данных и ваших целей визуализации.В этой главе обсуждаются как общие принципы, которыми вы должны руководствоваться, так и инструменты в seaborn, которые помогут вам быстро найти лучшее решение для конкретного приложения.
Общие принципы использования цвета на графиках
Компоненты цвета
Из-за того, как работают наши глаза, конкретный цвет можно определить с помощью трех компонентов. Обычно мы программируем цвета на компьютере, указывая их значения RGB, которые устанавливают интенсивность красного, зеленого и синего каналов на дисплее.Но для анализа перцептивных атрибутов цвета лучше думать в терминах каналов оттенка , , насыщенности , и яркости , каналов.
Оттенок — это компонент, который различает «разные цвета» в нетехническом смысле. Именно свойство цвета приводит к именам первого порядка, таким как «красный» и «синий»:
Насыщенность (или цветность) — это цветность . Два цвета с разными оттенками будут выглядеть более отчетливо, когда у них будет больше насыщенности:
А яркость соответствует тому, сколько света излучается (или отражается для печатных цветов), в диапазоне от черного до белого:
Различный оттенок для разделения категорий
Если вы хотите представить несколько категорий на графике, вы обычно должны изменять цвет элементов.Рассмотрим этот простой пример: на каком из этих двух графиков легче подсчитать количество треугольных точек?
На графике справа оранжевые треугольники «выскакивают», что позволяет легко отличить их от кругов. Этот всплывающий эффект возникает из-за того, что наша визуальная система отдает предпочтение цветовым различиям.
Синий и оранжевый цвета в основном различаются по оттенку. Оттенок полезен для представления категорий: большинство людей относительно легко могут различать умеренное количество оттенков, и точки, которые имеют разные оттенки, но одинаковую яркость или интенсивность, кажутся одинаково важными.Это также упрощает обсуждение сюжетов. Рассмотрим этот пример:
Большинство людей смогут быстро определить, что на графике слева есть пять различных категорий, и, если их попросят охарактеризовать «синие» точки, смогут это сделать.
На графике справа, где все точки синие, но различаются по яркости и насыщенности, труднее сказать, сколько уникальных категорий присутствует. А как мы можем говорить о конкретной категории? «Довольно-но-не слишком-синие точки?» Более того, кажется, что серые точки уходят на задний план, делая их менее яркими по сравнению с более яркими синими точками.Если категории одинаково важны, это плохое представление.
Итак, как правило, для представления категорий используйте изменение оттенка. С учетом сказанного, вот несколько предупреждений. Если у вас более чем несколько цветов на вашем графике, может стать трудно помнить, что каждый из них означает, если не существует ранее существовавших ассоциаций между категориями и цветами, используемыми для их представления. Это усложняет интерпретацию сюжета: вместо того, чтобы сосредотачиваться на данных, зрителю придется постоянно обращаться к легенде, чтобы понять, что показано.Поэтому не следует делать слишком сложные сюжеты. И помните, что не все видят цвета одинаково. Изменение формы (или какого-либо другого атрибута) и цвета может помочь людям с аномальным цветовым зрением понять ваши сюжеты, и это может сохранить их (в некоторой степени) интерпретируемыми, если они напечатаны в черно-белом цвете.
Измените яркость для представления чисел
С другой стороны, вариации оттенка плохо подходят для представления числовых данных. Рассмотрим этот пример, где нам нужны цвета для представления подсчетов на двумерной гистограмме.Слева мы используем круговую цветовую карту, где постепенные изменения количества наблюдений в каждой ячейке соответствуют постепенным изменениям оттенка. Справа мы используем палитру, в которой используются более яркие цвета для представления ящиков с большим количеством:
С палитрой на основе оттенков довольно сложно определить форму двумерного распределения. В отличие от этого, палитра яркости делает более ясным наличие двух выступающих пиков.
Изменение яркости помогает увидеть структуру данных, а изменения яркости более интуитивно обрабатываются как изменения важности.Но на графике справа не используется палитра в оттенках серого. Его красочность делает его более интересным, а тонкое изменение оттенка увеличивает расстояние восприятия между двумя значениями. В результате небольшие разницы немного легче устранить.
Эти примеры показывают, что выбор цветовой палитры — это больше, чем просто эстетика: цвета, которые вы выбираете, могут выявить закономерности в ваших данных при эффективном использовании или скрыть их при неправильном использовании. Не существует одной оптимальной палитры, но есть палитры, которые лучше или хуже подходят для определенных наборов данных и подходов к визуализации.
И эстетика имеет значение: чем больше люди хотят смотреть на ваши фигуры, тем больше шансов, что они чему-то у них научатся. Это верно даже тогда, когда вы строите сюжеты для себя. Во время исследовательского анализа данных вы можете получить много похожих цифр. Изменение цветовых палитр добавит ощущения новизны, что позволит вам заинтересоваться и подготовиться к тому, чтобы замечать интересные особенности ваших данных.
Так как же выбрать цветовые палитры, которые хорошо представляют ваши данные и выглядят привлекательно?
Качественные цветовые палитры
Качественные палитры хорошо подходят для представления категориальных данных, поскольку большая часть их вариаций заключается в компоненте оттенка.Цветовая палитра по умолчанию в seaborn — это качественная палитра с десятью различными оттенками:
Эти цвета имеют тот же порядок, что и цветовая палитра matplotlib по умолчанию, "tab10" , но они немного менее интенсивны. Сравнить:
sns.color_palette ("tab10")
Seaborn на самом деле имеет шесть вариантов палитры matplotlib, которые называются глубокий , приглушенный , пастельный , яркий , темный и дальтоник .Они охватывают диапазон средних значений яркости и насыщенности:
Многие люди находят умеренные оттенки стандартной палитры "deep" эстетически приятными, но они также менее различимы. В результате их может быть труднее различать в некоторых контекстах, о чем следует помнить при создании графики публикации. Это сравнение может быть полезно для оценки того, как работают цветовые палитры морских обитателей при имитации различных форм цветовой слепоты.
Использование круговых цветовых систем
Когда у вас есть произвольное количество категорий, самый простой подход к поиску уникальных оттенков — это рисование равномерно распределенных цветов в круговом цветовом пространстве (в котором оттенок изменяется при сохранении постоянной яркости и насыщенности). Это то, что по умолчанию использует большинство функций seaborn, когда им нужно использовать больше цветов, чем в настоящее время установлено в цветовом цикле по умолчанию.
Наиболее распространенный способ сделать это — использовать цветовое пространство hls , которое представляет собой простое преобразование значений RGB.Мы видели эту цветовую палитру раньше как контрпример для построения гистограммы:
sns.color_palette ("hls", 8)
Из-за того, как работает зрительная система человека, цвета, которые имеют одинаковую яркость и насыщенность с точки зрения их значений RGB, не обязательно будут выглядеть одинаково интенсивными. , что обеспечивает меньшее изменение интенсивности при вращении цветового круга:
sns.color_palette ("Husl", 8)
Когда seaborn нужна категориальная палитра с большим количеством цветов, чем доступно в текущем значении по умолчанию, он будет использовать этот подход.
Использование категориальных палитр Color Brewer
Еще одним источником визуально приятных категориальных палитр является инструмент Color Brewer (который также имеет последовательные и расходящиеся палитры, как мы увидим ниже).
sns.color_palette ("Set2")
Имейте в виду, что качественные палитры Color Brewer имеют разную длину, а поведение по умолчанию color_palette () — предоставить вам полный список:
sns.color_palette («Парный»)
Последовательные цветовые палитры
Второй основной класс цветовых палитр называется «последовательные».Этот вид сопоставления подходит, когда данные варьируются от относительно низких или неинтересных значений до относительно высоких или интересных значений (или наоборот). Как мы видели выше, основным параметром изменения последовательной палитры является яркость. Некоторые функции seaborn по умолчанию будут использовать последовательную палитру при отображении числовых данных. (По историческим причинам как категориальные, так и числовые сопоставления указываются с параметром hue в таких функциях, как relplot () или displot () , даже если числовые сопоставления используют цветовые палитры с относительно небольшими вариациями оттенка).
Палитры, однородные по восприятию
Поскольку они предназначены для представления числовых значений, наилучшие последовательные палитры будут перцептивно однородными , что означает, что относительная различимость двух цветов пропорциональна разнице между соответствующими значениями данных. Seaborn включает в себя четыре последовательно воспринимаемых одинаковых цветовых карты: «ракета» , «мако» , «вспышка» и «гребень» . Первые два имеют очень широкий диапазон яркости и хорошо подходят для таких приложений, как тепловые карты, где цвета заполняют пространство, в которое они наносятся:
sns.color_palette ("ракета", as_cmap = True)
sns.color_palette ("мако", as_cmap = True)
Поскольку крайние значения этих цветовых карт приближаются к белому, они не подходят для раскрашивания элементов, таких как линии или точки: будет трудно различить важные значения на белом или сером фоне. Для таких графиков лучше всего подходят цветовые карты «блики» и «гребни». У них более ограниченный диапазон изменений яркости, который они компенсируют чуть более выраженным изменением оттенка.Направление яркости по умолчанию также меняется на противоположное, так что меньшие значения имеют более светлые цвета:
sns.color_palette ("блики", as_cmap = True)
sns.color_palette ("гребень", as_cmap = True)
Также можно использовать перцептуально однородные цветовые карты, предоставляемые matplotlib, такие как "magma" и "viridis" :
sns.color_palette ("магма", as_cmap = True)
sns.color_palette ("viridis", as_cmap = True)
Как и в случае с matplotlib, каждая непрерывная цветовая карта имеет перевернутую версию с суффиксом "_r" :
sns.color_palette ("rocket_r", as_cmap = True)
Дискретное и непрерывное отображение
Следует помнить, что seaborn может генерировать дискретные значения из последовательных цветовых карт и при этом не будет использовать самые экстремальные значения. Сравните дискретную версию «ракета» с непрерывной версией, показанной выше:
sns.color_palette («ракета»)
По сути, seaborn использует дискретную версию для категориальных данных и непрерывную версию в режиме числового отображения.Дискретные последовательные цветовые карты могут хорошо подходить для визуализации категориальных данных с внутренним упорядочением, особенно если есть некоторые вариации оттенков.
Последовательные палитры «cubehelix»
Воспринимаемые однородные цветовые карты сложно сгенерировать программно, потому что они не основаны на цветовом пространстве RGB. Система cubehelix предлагает компромисс на основе RGB: она генерирует последовательные палитры с линейным увеличением или уменьшением яркости и некоторым непрерывным изменением оттенка.Несмотря на то, что полученные цветовые карты не являются идеально однородными, они обладают многими хорошими свойствами. Важно отметить, что многие аспекты процесса проектирования можно параметризовать.
В Matplotlib встроена версия cubehelix по умолчанию:
sns.color_palette ("cubehelix", as_cmap = True)
Палитра по умолчанию, возвращаемая функцией seaborn cubehelix_palette () , немного отличается от палитры по умолчанию matplotlib тем, что она не вращается так далеко вокруг колеса оттенка и не покрывает широкий диапазон интенсивностей.Он также меняет яркость на противоположную:
sns.cubehelix_palette (as_cmap = True)
Другие аргументы функции cubehelix_palette () управляют внешним видом палитры. Вы измените два основных параметра: start (значение от 0 до 3) и rot или количество оборотов (произвольное значение, но обычно от -1 до 1)
sns.cubehelix_palette (начало = .5, rot = -. 5, as_cmap = True)
Чем больше вы поворачиваете, тем больше вариаций оттенка вы увидите:
sns.cubehelix_palette (начало = .5, rot = -. 75, as_cmap = True)
Вы можете контролировать, насколько темными и светлыми будут конечные точки, а также их порядком:
sns.cubehelix_palette (start = 2, rot = 0, dark = 0, light = .95, reverse = True, as_cmap = True)
color_palette () принимает строковый код, начинающийся с "ch:" , для генерации произвольной палитры cubehelix. Вы можете передать названия параметров в строку:
sns.color_palette ("ch: start = .2, rot = -.3 дюйма, as_cmap = True)
А для компактности каждый параметр можно указать своей первой буквой:
sns.color_palette ("ch: s = -. 2, r = .6", as_cmap = True)
Пользовательские последовательные палитры
Для упрощения интерфейса с настраиваемыми последовательными палитрами вы можете использовать light_palette () или dark_palette () , которые оба засеваются одним цветом и создают палитру, изменяющуюся от светлых или темных ненасыщенных значений к этому цвету:
sns.light_palette ("seagreen", as_cmap = True)
sns.dark_palette ("# 69d", reverse = True, as_cmap = True)
Как и в случае с палитрами cubehelix, вы также можете указать светлую или темную палитру с помощью color_palette () или в любом другом месте палитра допустима:
sns.color_palette ("свет: b", as_cmap = True)
Поменяйте цветовую карту на противоположную, добавив "_r" :
sns.color_palette ("dark: salmon_r", as_cmap = True)
Палитры Sequential Color Brewer
В библиотеке Color Brewer также есть несколько хороших вариантов для последовательных палитр.Они включают палитры с одним основным оттенком:
. sns.color_palette ("Блюз", as_cmap = True)
Наряду с многоцветными вариантами:
sns.color_palette ("YlOrBr", as_cmap = True)
Различные цветовые палитры
Третий класс цветовых палитр называется «расходящиеся». Они используются для данных, в которых интересны как большие низкие, так и высокие значения, которые охватывают среднее значение (часто 0), которое следует уменьшить. Правила выбора хороших расходящихся палитр аналогичны хорошим последовательным палитрам, за исключением того, что теперь на палитре должны быть два доминирующих оттенка, по одному на (или около) каждого полюса.Также важно, чтобы начальные значения были одинаковой яркости и насыщенности.
Единообразные по восприятию диверсные палитры
Seaborn включает в себя две расходящиеся палитры одинаково для восприятия: "vlag" и "icefire" . Оба они используют синий и красный на своих полюсах, которые многие интуитивно воспринимают как «холодный» и «горячий»:
sns.color_palette ("vlag", as_cmap = True)
sns.color_palette ("ледяной огонь", as_cmap = True)
Индивидуальные расходящиеся палитры
Вы также можете использовать функцию seaborn diverging_palette () , чтобы создать настраиваемую цветовую карту для расходящихся данных.Эта функция создает расходящиеся палитры с использованием цветовой системы Husl . Вы передаете ему два оттенка (в градусах) и, необязательно, значения яркости и насыщенности для крайних значений. Использование Husl означает, что экстремальные значения и результирующие линейные изменения к средней точке, хотя и не являются идеально однородными с точки зрения восприятия, будут хорошо сбалансированы:
sns.diverging_palette (220, 20, as_cmap = True)
Это удобно, если вы хотите уйти от скучных рамок холодно-горячих подходов:
sns.diverging_palette (145, 300, s = 60, as_cmap = True)
Также возможно создать палитру, в которой средняя точка будет темной, а не светлой:
sns.diverging_palette (250, 30, l = 65, center = "dark", as_cmap = True)
Здесь важно подчеркнуть, что следует избегать использования красного и зеленого, хотя оно интуитивно понятно.
Другие расходящиеся палитры
В matplotlib встроено еще несколько хороших расходящихся палитр, включая палитры Color Brewer:
sns.color_palette ("Спектральный", as_cmap = True)
И палитра coolwarm , у которой меньше контраст между средними значениями и крайностями:
sns.color_palette ("coolwarm", as_cmap = True)
Как видите, существует множество вариантов использования цвета в ваших визуализациях. Seaborn старается как использовать хорошие настройки по умолчанию, так и предлагать большую гибкость.
Это обсуждение — только начало, и есть ряд хороших ресурсов для получения дополнительных сведений о методах использования цвета в визуализации.Отличным примером является эта серия сообщений в блоге Земной обсерватории НАСА. В документации matplotlib также есть хороший учебник, который иллюстрирует некоторые перцепционные свойства их цветовых карт.
цветов — бренд CMU
Использование согласованной цветовой палитры помогает повысить узнаваемость и узнаваемость CMU. Всегда сопоставляйте значения цвета, чтобы обеспечить точное соответствие.
Основными цветами Университета Карнеги-Меллона, зарегистрированными с конца 1920-х годов, являются красный, светло-серый, темно-серый, черный и белый.Красный Карнеги должен быть доминирующим цветом в вашей цветовой гамме. Серый, черный и белый цвета поддерживают красный цвет Карнеги.
Официальное обеспечение университета, униформа, транспортные средства, знаки и другие ключевые элементы идентичности всегда должны производиться с использованием основной цветовой палитры.
Вторичная палитра цветов, представленная в 2019 году, вдохновлена нитями тартана клана Карнеги и культовой архитектурой кампуса, восходящей к его истокам.Дополнительные цвета должны быть строго зарезервированы для аудитории, тесно связанной с университетом, для особых ситуаций и уникальных коммуникаций.
Используйте вторичные цвета в качестве акцентов только для того, чтобы добавить энергии или тепла макетам в качестве дополнения к основной палитре. При использовании вторичного цвета красный Карнеги должен присутствовать в коммуникационном средстве или продукте.
Палитра тартана | Смелый, молодой, страстный, бесстрашный, дерзкий
Палитра Campus | Проницательный, сознательный, творческий, прагматичный, предприимчивый
В дополнение к основным цветам, тартан Университета Карнеги-Меллона, впервые введенный в эксплуатацию в 1967 году для академических вытяжек, также может использоваться в качестве официального «цвета».«
Тартан можно использовать только в полноцветном, монохроматическом красном или монохроматическом сером. Допустимы только тартаны:
.Оригинальная шерсть | оригинальная ткань из клана Карнеги
Тартан цифровой | цифровое воссоздание оригинального шерстяного тартана Карнеги, изображенного в 2010 году для центра печати
Тартан прямой | , созданный в 2017 году, использует серию правил единой ширины с точным рисунком и пропорциями, как и оригинальный тартан Карнеги
.Тартан Wave | динамический волновой эффект, примененный к клетчатой ткани прямой, чтобы придать ей энергию и глубину
.