Цветовые подборки: Пастельные тона | IN COLOR BALANCE

Пастельные тона | IN COLOR BALANCE

Пастельные тона | IN COLOR BALANCE

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

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

Facebook Twitter Pinterest Share

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

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

Facebook Twitter Pinterest Share

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

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

Facebook Twitter Pinterest Share

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

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

Facebook Twitter Pinterest Share

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

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

Facebook Twitter Pinterest Share

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

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

Facebook Twitter Pinterest Share

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

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

Facebook Twitter Pinterest Share

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

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

Facebook Twitter Pinterest Share

Подбор правильных цветовых палитр для визуализации данных

• Инфографика
• 10 мин на чтение
• 4798

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

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

Текущие проблемы

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

Проблема 1: Низкая доступность

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

Полноцветная палитра Flat UI Colors, режим протанопии (слепоты на красный цвет) и оттенки серого.

Проблема 2: Недостаточно цветов

Еще одна проблема, которую мы отметили во многих существующих палитрах — это недостаточное количество цветов. При создании визуализаций в Graphiq, мы используем как минимум 6 цветов, а в некоторых случаях и 8–12.

В большинстве палитр просто нет нужного нам количества цветов.

Вот несколько примеров с Color Hunt:

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

Проблема 3: Сложно различимые цвета

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

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

 

Давайте возьмем первую палитру и адаптируем ее под серию из 10 типов данных:

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

Наш подход

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

Правило 1: Разнообразие в яркости и в оттенках

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

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

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

По оси x — разные оттенки; по оси y — разные уровни яркости. Серые мордочки — люди, неспособные различать цвета; цветные мордочки — все остальные.

 

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

Правило 2: Придерживайтесь природных цветовых шаблонов

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

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

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

Фотографии от Кайла Пирса, Уэсли Фрайера и Джона Салливана.

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

Фотографии от Kbh4rd, Йена Бриттона и Джона Салливана.

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

Правило 3: Используйте градиент вместо статичных наборов цветов

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

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

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

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

Наши палитры

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

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

Наши палитры в деле

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

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

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

Статьи, инструменты и ресурсы [Обновлен]

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

Статьи

1. How to avoid equidistant HSV colors by Gregor Aisch (Как избежать цветов HSV от Грегора Эйша)
2. Mastering multi-hued color scales with chroma.js by Gregor Aisch (Осваиваем мульти-цветные цветовые шкалы с chroma.js от Грегора Эйша)
3. Subtleties of color by Robert Simmon (Тонкости цвета от Роберта Симмона)
4. The viridis color palettes by Bob Rudis, Noam Ross and Simon Garnier (Цветовые палитры viridis от Боба Рудиса, Ноама Росса и Саймона Гарньера)
5. A new colormap for MATLAB by Steve Eddins (Новая карта цветов (colormap) для MATLAB от Стива Эддинса)

Инструменты

1. Color Picker for Data — удобный инструмент подбора цветов, который позволяет, придерживаясь цифровой константы, с легкостью выбрать цветовую палитру.
2. Chroma.js — библиотека JavaScript для работы с цветами
3. Colorbrewer2 — отличный инструмент подбора цветов для тепловых карт и визуализации данных, + встроенные палитры с одним или несколькими оттенками.
4. gradStop.js — библиотека JavaScript для генерации однотонных цветовых схем и расстановки точек в градиенте на одинаковом расстоянии.

Другие ресурсы

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

1. ColorHunt — цветовые палитры высокого качетсва с функцией быстрого предпросмотра. Отличный ресурс, если вам достаточно четырех цветов.
2. COLOURlovers — отличное сообщество по цвету, с разнообразными инструментами для создания цветовых палитр.
3. ColorSchemer Studio — мощное десктопное приложение для подбора цветов.
4. Coolors — генератор легких цветовых палитр, позволяющий оставить выбранные цвета и заменить все остальные.
5. Flat UI Colors — отличный набор цветов для UI, один из самых популярных
6. Material Design Colors — еще одна отличная палитра UI. Она не только предоставляет богатый ассортимент цветов, но и предлагает разные “веса” или уровни яркости каждого цвета.
7. Palettab — расширение для Chrome, которое показывает новую палитру цветов и шрифт на каждой вкладке.
8. Swiss Style Color Picker — еще одна коллекция хороших цветовых палитр

Надеемся, что эта статья была вам полезна! А как вы создаете цветовые палитры? Какими еще инструментами вы пользовались? Будем рады услышать ваши мнения и выводы относительно цветовых палитр и визуализации данных.

Если хотите побольше узнать о наших процессах работы, подписывайтесь на нашу коллекцию: Graphiq Engineering

Источник: medium.com

• #диаграмма
• #дизайн
• #инфографика
• #статья

• 0

Color Selections — Etsy.

de

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

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

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

(более 1000 релевантных результатов)

Выбор цвета стал проще — CalPro

23 января 2017 г. /in Новости /от автора

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

1. Не рассчитывайте угодить всем.

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

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

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

2. Пусть все голосуют.

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

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

Кроме того, люди из совета №1 часто появляются в конце процесса, желая разрушить всю тяжелую работу, которую другие проделали с самого начала. Гораздо проще сказать «извините, вы не присутствовали, когда проводилось голосование», если вы дали всем возможность принять участие.