Сочетание цветов программа: Конвертер Цветов Онлайн — HEX ⇒ RGB ⇒ RGBA ⇒ CMYK ⇒ HSL ⇒ HSLA ⇒ HSB ⇒ HSV ⇒ XYZ ⇒ LAB. Калькулятор цветов HTML. Генератор цветов CSS3 — ColorScheme.Ru

Работ | Сессии Колледж

— Рианн Дарли

— Райан Эванс

— Бенджамин Лоуренс

— Кайли Уэлш

— Брианна Джонс

— Нико Хикс

— Кристи Рен Хейзлетт

— Рэнди Калхун

— Шарлотта Сидвелл

— Дестини Ласк

— Эми Хоган

— Мелисса Панцарелла

— Меган Дридгер

— Лаура Хайден

— Дженнифер Мэйблум

— Рина Хатано Деанда

— Адриенн Шауманн

— Дебра Рейсс

— Джошуа Ханна

— Нико Хикс

Инструменты комбинирования 25 цветов для дизайнеров

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

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

Соответствие цветов веб-сайта

Color Match — это инструмент на веб-сайте, который показывает, как выполнить подбор цветов, а также дает рекомендации по выбору наилучшего цвета. Он также отображает HTML-код для цвета, что экономит ваше время при проектировании.

Цветовые палитры тукана

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

Мастер цвета

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

Инструмент цвета

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

Создатель цветовой палитры Slayeroffice

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

Pro от Colourlovers

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

Pictaculous

Pictaculous прост в использовании; просто нажмите кнопку и загрузите свое изображение. Затем он автоматически создает для вас палитру на основе этого изображения.

Поддон Man

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

Кулер

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

Колур

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

Мгновенные цветовые схемы

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

Инструмент цветовой схемы Infobound

Infobound Color Schemer — это простой инструмент, который поможет вам поэкспериментировать с различными цветовыми схемами для вашего следующего веб-проекта или проекта печати. Любой, кто часто использует Photoshop, хорошо знает палитру цветов этого интерфейса!

Генератор шестнадцатеричных цветовых схем

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

CSSDrive: генератор палитры изображений в цвета

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

Цветовое колесо от Colors On The Web

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

Цветовой круг Калькулятор цветов

Color Wheel Калькулятор цветов помогает дизайнерам выбирать цвета HTML, RGB или CMYK и определять цветовые гармонии и схемы.

ColorToy 2.0

ColorToy 2.0 — это генератор и средство выбора цветовой схемы на основе флэш-памяти. Он генерирует дополнительные цветовые схемы на основе введенных вами значений цвета или случайным образом (что намного веселее!).

Color Schemer Online, версия 2

Color Schemer Online v2 имеет 16 блоков, которые содержат подходящие цветовые идеи, просто выберите цвет, и он автоматически генерирует соответствующие цвета для вашего произведения искусства.

Дизайнер цветовых схем

Color Scheme Designer обеспечивает преобразование цветового пространства, улучшенный предварительный просмотр, улучшенную систему создания схем, уникальные идентификаторы схемы и постоянный URL-адрес схемы. Это множество замечательных функций, включая один из самых красивых интерфейсов в этом списке!

Генератор цветовой палитры от DeGraeve

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

Охотник за цветом

Color Hunter — это галерея палитр, в которой палитра отображается рядом с изображением, из которого она была получена. Это отличный способ просмотра, потому что вы можете увидеть как схему, так и отличный пример того, что она может произвести!

Цветной проводник

ColorExplorer — это бесплатный набор инструментов, который включает подбор цветов и библиотеки цветов. Он хорошо проработан и имеет еще один фантастический интерфейс.

Цветовые комбинации

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

Тестер цветовых комбинаций

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

Ежедневная цветовая схема

Daily Color Scheme также известен как Every-Day Color Resource, потому что каждый день они приносят вам новую цветовую схему. Это похоже на ежедневное вдохновение из галереи дизайна, но только для цветов! (NB — этот сайт не обновлялся довольно давно, но мы думали, что идея и дизайн были достаточно крутыми, чтобы их все равно стоило продемонстрировать!)

Заключение

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

Понравился этот пост? Следите за мной в Твиттере!

44 Инструменты для выбора идеальной палитры для печати

Цветовые схемы контролируют вашу жизнь.

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

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

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

Генераторы цветовых схем | Палитры цветов | Преобразование цвета | Вдохновение | Программное обеспечение, виджеты и приложения

Инструменты для создания цветовых схем

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

Adobe Kuler

Adobe Kuler — одно из самых громких имен в игре прямо сейчас, когда дело доходит до инструментов цветовой схемы. Kuler существует в различных формах — вы можете использовать его как виджет для рабочего стола, мобильное приложение или непосредственно внутри пакета Adobe Creative Cloud, — но наиболее доступная версия находится в Интернете. Kuler также может похвастаться большим сообществом дизайнеров, где вы можете поделиться своими цветовыми схемами и посмотреть, что готовят другие дизайнеры.

Цвет Munki

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

Colorotate

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

Калькулятор цветов

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

Copaso: программное обеспечение цветовой палитры

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

Цветная сфера Mudcube

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

Pourpre

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

Цвет

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

Color Explorer

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

Дизайнер цветовых схем

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

Мастер цвета

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

Изменить: больше не доступно

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

Edit: больше не доступен

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

Контраст-A

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

Мгновенные цветовые схемы

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

Изменить: Больше не доступно.

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

ColorBlender

Не путать с предыдущим инструментом цвета в нашем списке ColorBlender (в отличие от Color Blender) дает вам до шести дополнительных тонов для цвета по вашему выбору.Благодаря простому экспорту в Adobe Suite и даже функции поиска наиболее подходящих цветов Pantone, этот онлайн-инструмент может многое предложить дизайнерам печати.

Цветовое колесо

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

Генератор шестнадцатеричных цветовых схем

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

Программа цветов Infohound

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

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

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

Colorzilla

Хотя изначально Colorzilla создавалась как надстройка Firefox, теперь она совместима с несколькими веб-браузерами. Это полезное приложение позволяет вам использовать инструмент выбора цвета при просмотре веб-страниц, поэтому, если вы найдете цвет, который вам нравится, вы можете сразу же узнать, что это за цвет.

Colr.org

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

Генератор палитры изображений в цвета

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

Pictaculous

Pictaculous невероятно полезен для поиска цветовой схемы, которая соответствует изображению или фотографии.Программа учитывает предложения как Adobe Kuler, так и онлайн-сообщества Color Lovers, чтобы найти наилучшее соответствие. Лучше всего то, что он работает с вашим мобильным телефоном без необходимости загружать отдельное приложение — просто сделайте снимок и отправьте его по электронной почте в Pictaculous.

Охотник за цветом

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

Генератор цветовой палитры

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

ColourGrab

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

Инструменты преобразования цвета

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

CMYK в Pantone

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

Цвета RGB в цвета PMS

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

SpyColor

Думайте о SpyColor как о энциклопедии цветов — вы можете найти любой цвет, от тонов PMS до мелков Crayola, — и преобразовать цвета в подходящую палитру для вашего дизайна. SpyColor даже предоставляет дополнительную информацию, такую ​​как предложения по цветовой гармонии и наиболее близкое соответствие в любом другом спектре дизайна, например, в веб-цветах или образцах Pantone.

Таблица соответствия цветовых кодов (преобразование CMYK, RGB Hex)

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

Цветовая схема Inspiration

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

ColRD

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

ColourLovers

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

Shutterstock Спектр

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

Лаборатории TinEye

Выберите до пяти разных цветов, и TinEye Labs предоставит вам первые 100 изображений Creative Commons, соответствующих этим цветам, с Flickr.Это делает его отличным инструментом «два в одном», он не только предоставляет вам бесплатные ресурсы изображений, которые соответствуют цветовой палитре вашего дизайна, но и дает вам возможность увидеть вдохновение и примеры вашей цветовой палитры в действии.

ColorCombos

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

Колур

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

Программное обеспечение цветовой схемы, виджеты и приложения

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

Edit: больше не доступен.

Платформа: Windows / Mac
Стоимость: 49,99 долларов США (доступна бесплатная пробная версия)
Если вы ищете программу, которая может соответствовать мощности дизайна онлайн-инструментов цветовой схемы, но может запускаться прямо с вашего рабочего стола, тогда ColorSchemer Studio — один из лучших вариантов.В нем есть все инструменты цветовой гармонии, выбора цвета и анализа фотографий, которые есть во многих веб-инструментах, но все вместе они представлены в одной простой в использовании настольной программе.

Цветовое колесо Pro

Платформа: Windows
Стоимость: 39,95 долларов США (доступна бесплатная пробная версия)
Мы снова вернулись в школу дизайна с этим образовательным программным обеспечением, которое поможет вам создавать гармоничные цветовые схемы, позволяя вам освежить свою теорию цвета. Программное обеспечение включает готовые цветовые схемы, ресурсы по теории цвета, цветовые круги RYB и RGB, а также возможность экспортировать вашу палитру в любую программу дизайна.

myPantone

Платформа: iPhone или iPad
Стоимость: 9,99 долларов США
Носите весь каталог цветов Pantone в заднем кармане с помощью этого удобного мобильного приложения для устройств Apple. Хотя он не может заменить распечатанную цветовую таблицу PMS, это отличный справочный инструмент для предварительного просмотра цветов PMS на лету.

Мандарин

Платформа: Mac
Стоимость: 39,95 долларов США
Благодаря Tangerine вам больше не придется беспокоиться о согласованности цвета при переключении между различными программами дизайна.Создайте свою палитру в Tangerine, и программа будет переносить ваши цвета из программы в программу, сохраняя согласованность цветов на протяжении всего процесса проектирования.

Capsure

Платформа: USB-адаптер, совместимый с пакетами дизайна Adobe и Quark
Стоимость: 649 долларов
Не будем лгать — это удобное устройство от Pantone обойдется вам в копеечку, но стоит каждого цента. Capsure позволяет сканировать цвета любого объекта и находить точное соответствие Pantone, чтобы воспроизвести его на печати.Capsure имеет библиотеку из более чем 10 000 цветов Pantone, чтобы обеспечить наиболее точное соответствие.

Пикси

Платформа: Windows
Стоимость: Бесплатно
Pixie — это простая палитра цветов, которая может предоставить вам значения RGB, CMYK, HTML, HSV и шестнадцатеричные значения для любого цвета, на который вы нажимаете. Благодаря включению значений CMYK Pixie отлично подходит для дизайнеров полиграфии, поскольку вы сможете найти безопасные для печати цвета. Лучше всего то, что программа совместима со всеми программами проектирования, потому что она предоставляет результаты в виде базовых числовых значений, которые вы можете вставить в любой редактор изображений.

Виджет панели управления ColourMod

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

Заключение

При выборе цветовой схемы для проекта печати мы настоятельно рекомендуем выяснить, какой тип процесса печати будет использоваться, прежде чем окончательно выбрать цвет.Если проект будет напечатан с использованием цветов PMS, лучше всего начать создавать схему с использованием цветов Pantone — вы всегда можете преобразовать их позже, если потребуется. То же самое и с 4-цветной обработкой; вам нужно быть уверенным, что выбранные вами цвета точно воспроизводятся в CMYK.

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

25 бесплатных инструментов, приложений и генераторов цветовых палитр

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

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

Панель инструментов веб-дизайнера

Неограниченное количество скачиваний: более 1 000 000 веб-шаблонов, тем, плагинов, ресурсов дизайна и многое другое!

Галерея, исследующая красоту «случайных» цветовых схем.

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

Инструмент для проверки доступности вашей цветовой схемы ADA.

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

Создавайте цветовые схемы с помощью A.I.

оттенок

Коллекция бесплатных, подобранных вручную цветовых палитр.

Автоматический генератор цветовой палитры пользовательского интерфейса.

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

Специально подобранная коллекция цветовых палитр ручной работы.

Поисковая машина цветов.

Библиотека, которая вычисляет средний цвет изображений и видео.

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

Улучшенная палитра цветов для macOS.

Цветовой инструмент AI для дизайнеров.

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

Вы когда-нибудь задумывались, какие настоящие слова также являются допустимыми цветами CSS HEX? Кто-то понял это.

Симулятор дальтонизма и средство проверки контраста для Sketch.

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

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

Инструмент доступности цвета для дизайнеров и разработчиков.

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

ColorDrop — тщательно отобранная коллекция удивительных цветовых сочетаний.

Веб-приложение для создания красивых цветовых палитр.

Генератор цветовой палитры Material Design.

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

8 способов выбрать цветовую палитру для электронного обучения

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

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

Цели для вашей цветовой палитры

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

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

Советы перед началом работы

• Нейтраль для запуска. Подумайте о том, чтобы начать дизайн с форм в нейтральной палитре, например, с оттенками серого или коричневого.Затем начинайте медленно добавлять цвет там, где это необходимо.
• Цветовой контекст . Учитывайте влияние смежных и фоновых цветов. Мы воспринимаем цвета на основе смежных цветов.
• Количество цветов. Создать палитру проще, если у вас небольшое количество цветов. Рассмотрим палитру из 3-5 цветов: один-два основных цвета, нейтральный и акцентный.
• Последовательность. Постарайтесь соответствовать вашей палитре. Например, по возможности используйте один и тот же цвет для всех бликов.Используйте один цвет для всех стрелок.
• Доступность. Перед внедрением проверьте доступность вашей палитры. Используйте средство проверки цветового контраста, например, из Web Aim или Chrome Contrast Analyzer. (Благодаря комментариям читателей ниже за то, что они предложили мне включить это!)

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

Цвет и доступность

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

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

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

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

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

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

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

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

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

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

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

Ниже представлена ​​палитра, созданная из фотографии горного пейзажа с помощью генератора палитры Adobe Color.

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

• Аналогичная цветовая палитра : цветовая схема, созданная из цветов, которые соседствуют друг с другом в цветовом круге, например, зелено-желтый, зелено-желтый
• Дополнительная цветовая палитра : цветовая схема, созданная из двух цветов, находящихся напротив друг друга на цветовом круге, например синего и оранжевого
• Монохроматическая цветовая палитра: цветовая схема , в которой используются вариации только одного цвета, такие как оттенки и оттенки синего

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

Еще одна записка

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

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

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

Сегодня мы собираемся проверить сайты с лучшими комбинациями цветов в Интернете.

Я дизайнер более 20 лет.

Я знаю, что дает отличное сочетание цветов.

Я также знаю лучшие сайты с цветными комбо.

Давайте краситься.

Color Hunt — это бесплатная открытая коллекция цветовых палитр, созданная Гал Шир.

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

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

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

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

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

Startup Colors — это наша собственная подборка красивых цветов логотипов для стартапов.

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

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

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

Самая большая коллекция официальных цветовых кодов бренда и логотипа.

Что здорово на этом сайте, так это то, что на нем представлена ​​цветовая палитра всех ваших любимых брендов.

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

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

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

Все настроено на красивом удобном веб-сайте.

ColorDrop — еще один веб-сайт, на котором представлено множество удивительных цветовых комбинаций и цветовых схем.

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

Вы также можете сохранить свои любимые цветовые комбинации и быстро и легко загрузить цветовую палитру.

Вы также можете фильтровать по новым и популярным цветовым схемам.

В целом это еще один высококачественный источник отличных цветовых палитр и цветовых сочетаний для брендов.

Adobe Color от Adobe — еще одна сила, когда дело доходит до цветовых сочетаний.

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

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

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

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

Color Lisa — это тщательно подобранный список цветовых палитр, основанный на шедеврах величайших художников мира.

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

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

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

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

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

Просто зайдите на сайт, выберите две цветовые комбинации, а Material Design Palette сделает все остальное!

Создает цветовую палитру из 8 цветов, включая основные цвета, цвета текста, значки и разделители.

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

Coolers — это сверхбыстрый генератор цветовых схем.

Тысячи профессиональных дизайнеров создали тысячи невероятных цветовых сочетаний.

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

Best — это самые популярные цветовые комбинации, за которые проголосовало сообщество Coolers.

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

Design Seeds — это сайт цветовой палитры, управляемый Instagram.

Гений Design Seeds в том, что все цветовые комбинации взяты из реальных фотографий.

Автор Джессика Колалука сама начала коллекцию, составив обширную книгу цветов на основе своих путешествий.

Теперь, помимо собственных фотографий, она разместила заявки на Design Seeds через Instagram.

Сайт ориентирован на цвет в целом. Он не нацелен на дизайн на основе экрана.

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

Design Seeds очень популярен, особенно на очень наглядной платформе Instagram.

Если вы ищете вдохновение и цветовую комбинацию, вам стоит поискать Design Seeds.

Совершите прыжок во времени и окунитесь в краски истории.

Еще один интересный взгляд на генераторы цветовой комбинации. Цветовой скачок всегда черпает вдохновение в цвете.

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

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

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

После того, как вы выбрали эпоху, вам будет представлена ​​фотография той эпохи.

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

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

Если вам нужны уникальные цветовые комбинации, Color Leap, безусловно, обеспечит их в избытке.

Вот и все

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

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

Эти цветовые комбинации были отсортированы, поддержаны и понравились сообществом.

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

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

Как сделать научные данные доступными для читателей с дальтонизмом

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

Почему вы должны беспокоиться о дальтонизме

Дальтонизм затрагивает большую часть населения. Целых 8% мужчин и 0,5% женщин страдают дальтонизмом в той или иной форме, наиболее распространенной из которых является трудность восприятия разницы между красным и зеленым цветами. Это означает, что потенциально — один из 12 мужчин и одна из 200 женщин , которые читают вашу газету или проходят мимо вашего плаката, не могут легко прочитать ваши цифры с определенными цветовыми комбинациями.

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

Пора навсегда отказаться от красного и зеленого

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

Три тепловые карты данных нормализованной экспрессии генов по z-баллам. Первая тепловая карта представлена ​​в зелено-черно-красной цветовой шкале и помечена «Фоторецепторы дикого типа.Раскраска и дендрограммы показывают два основных кластера образцов в столбцах и два основных кластера генов в строках. Вторая тепловая карта была отфильтрована, чтобы имитировать, как она будет выглядеть для человека, у которого отсутствуют клетки красного конуса (т. Е. Дейтеранопия), а третья тепловая карта была отфильтрована, чтобы смоделировать, как это будет выглядеть для человека, у которого отсутствуют клетки зеленого конуса (например, протанопия). . Эти две тепловые карты отображаются в оттенках желтого и черного, при этом отрицательные и положительные значения неотличимы друг от друга.

Флуоресцентные изображения не менее сложны.Вот как может выглядеть слияние красного / зеленого цветов для человека с разными вариациями дальтонизма красного / зеленого:

Пять версий иммунофлуоресцентного изображения двух раковых клеток. На верхнем изображении, обозначенном «Фоторецепторы дикого типа», актин отмечен красным, тубулин — зеленым, а ДНК, окрашенная DAPI, — синим. Четыре изображения ниже фильтруют исходное изображение для имитации четырех вариантов дальтонизма красного / зеленого: дейтеранопия (без зеленых колбочек), дейтераномалия (сниженная функция зеленых колбочек), протанопия (без красных колбочек) и протаномалия (уменьшенная функция красных колбочек). шишки).

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

Как улучшить тепловую карту

При выборе цветов для тепловых карт, которые показывают низкие значения, медианы и высокие значения (например, нормализованное выражение гена по z-баллу), лучше всего выбрать два дополнительных цвета для концов шкала и либо белый, либо черный для середины.Исторически сложилось так, что теплые цвета обозначают «верх», а холодные — «низ», но это не твердое правило. Если вы используете черный в качестве среднего цвета, выберите два более светлых цвета для концов спектра; если вы используете белый цвет в качестве среднего цвета, выберите два более темных цвета для концов. Например, вот еще несколько доступных способов цветового кодирования тепловой карты:

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

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

Как представить более доступные микроскопические изображения

Подобные цветовые идеи применимы к микроскопии, но становится немного сложнее найти подходящие цветовые комбинации, когда на одном изображении три или четыре цвета. Лучшей трехцветной комбинацией будет пурпурный / желтый / голубой. Для четырех цветов попробуйте пурпурный / желтый / зеленый / синий.Кроме того, всегда рекомендуется показывать изображения в оттенках серого для каждого отдельного канала рядом с объединенным изображением. На самом деле человеческий глаз гораздо лучше обнаруживает изменения оттенков серого, чем цвета. Таким образом, нет двусмысленности в том, где находится каждый сигнал и насколько он силен. Например, вот то же изображение иммунофлуоресценции, показанное выше, но с разделенными каналами и лучшими цветами в объединенном изображении:

Что можно и чего нельзя делать при представлении многоцветных изображений иммунофлуоресценции.В верхнем левом углу изображены две клетки, полученные ранее, с актином красным цветом, тубулином зеленым и ДНК (DAPI) синим. Это изображение помечено как «НЕ используйте красный и зеленый псевдоцветы в одном изображении». В левом нижнем углу представлена ​​серия из трех изображений, показывающих оттенки серого для каждого отдельного цветового канала на изображении выше. Эта серия помечена как «ОБЯЗАТЕЛЬНО показывать полутоновые изображения каждого канала». Справа представлена ​​серия из трех способов перекрасить исходное изображение в более доступные цветовые сочетания. Изображения помечены как «ДЕЙСТВИТЕЛЬНО используйте цвета в объединенных изображениях, которые все еще могут различить люди с дальтонизмом на красный / зеленый.Три измененных цветных объединенных изображения: 1) пурпурный, зеленый, синий; 2) пурпурный, желтый, голубой; 3) красный, голубой, желтый.]

Как сделать так, чтобы ваши изображения были доступны для дальтоников

Существует множество инструментов для проверки ваших изображений в «дальтоническом режиме». Эти программы изменят окраску вашего изображения, чтобы имитировать распространенные формы дальтонизма. В ImageJ (обычно используемой программной платформе для микроскопического анализа) вы можете выбрать Изображение> Цвет> Дихроматия или Изображение> Цвет> Имитировать дальтонизм.В Adobe Photoshop CC 2019 вы можете выбрать «Просмотр»> «Настройка цветопробы»> «Дальтонизм». Кроме того, Color Oracle предоставляет полноэкранный симулятор дальтонизма. Использование этих инструментов — отличный способ проверить, доступны ли ваши данные для чтения людям с несколькими формами дальтонизма.

Как читать красные / зеленые изображения, когда люди забывают указать вас

Если вы страдаете дальтонизмом, я могу только представить себе, как сложно ежедневно читать научные данные. Однако инструменты все же существуют, чтобы попытаться переинтерпретировать эти данные.Вспомогательное программное обеспечение, такое как Visolve, преобразует изображения таким образом, чтобы помочь разделить или повторно интерпретировать цвета различными способами. Приложения для мобильных устройств, такие как Color Blind Pal, позволяют повторно визуализировать что угодно через свой телефон, что может быть полезно во время стендовых сессий или конференций. (Примечание: я не страдаю цветопередачей, поэтому я не могу лично подтвердить, насколько хорошо работают эти инструменты.)

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