Цвет — один из самых мощных инструментов в научной коммуникации и одновременно один из наиболее часто используемых неправильно. Около 8 % мужчин и 0,5 % женщин северноевропейского происхождения имеют ту или иную форму нарушения цветовосприятия (НЦВ). В глобальной исследовательской аудитории это легко может означать, что один из десяти рецензентов, членов комиссии или редакторов не способен отличить тщательно подобранный вами красный от зелёного.
Выбор безопасной для дальтоников палитры — это не просто проявление вежливости в вопросах доступности, а часть строгой научной коммуникации. Данное руководство предоставляет всё необходимое для правильного выбора, начиная с золотого стандарта, которым пользуется большинство учёных: палитра Okabe-Ito.
Что вы узнаете:
- Точные HEX- (и RGB-) коды полной 8-цветной палитры Okabe-Ito
- Почему эти цвета были эмпирически подобраны так, чтобы оставаться различимыми при трёх наиболее распространённых типах НЦВ
- Практические правила применения палитры в линейных, столбчатых, точечных диаграммах и многопанельных рисунках
- Альтернативные безопасные для дальтоников палитры и условия их предпочтительного использования
- Бесплатные инструменты для симуляции и проверки НЦВ-безопасности перед публикацией
Что такое палитра Okabe-Ito?
Палитра была предложена Масатакой Окабэ и Кэем Ито в руководстве 2008 года "Color Universal Design (CUD)", опубликованном японской некоммерческой организацией Color Universal Design Organization (CUDO). Цель — небольшой практичный набор цветов, различимых при трёх наиболее распространённых формах НЦВ:
- Дейтеранопия / дейтераномалия — сниженная чувствительность к зелёному (наиболее часто встречается у мужчин)
- Протанопия / протаномалия — сниженная чувствительность к красному
- Тританопия / тританомалия — сниженная чувствительность к синему (редко, ~0,003 %)
Вместо вывода из математической формулы палитра была разработана эмпирически: Окабэ и Ито выбрали цвета, различающиеся по яркости и насыщенности, и намеренно избегали жёлто-зелёного диапазона, где путаница при НЦВ наибольшая, а затем проверили набор при цветовосприятии дальтоников. На практике цвета выглядят более приглушёнными по сравнению с насыщенными палитрами наподобие стандартных Matplotlib или ggplot2 — намеренно. Правильнее всего описывать её как «эмпирически безопасную для дальтоников», а не математически гарантированную.
8-цветная палитра Okabe-Ito — точные HEX-коды
В следующей таблице перечислены все восемь цветов с их каноническими HEX-значениями, RGB-триплетами и рекомендуемыми областями применения. Эти HEX-коды совпадают со значениями из исходного документа CUDO и воспроизводятся идентично в основных научных руководствах по оформлению, включая колонку Bang Wong 2011 в Nature Methods «Points of view: Color blindness», популяризировавшую подмножество из 7 цветов (Вонг популяризировал палитру; первоисточником являются Окабэ и Ито).
| # | Название | HEX | R | G | B | Рекомендуемое применение |
|---|---|---|---|---|---|---|
| 1 | Чёрный | #000000 | 0 | 0 | 0 | Основной ряд данных, опорные линии |
| 2 | Оранжевый | #E69F00 | 230 | 159 | 0 | Второй ряд; хорошо сочетается с синим |
| 3 | Голубой | #56B4E9 | 86 | 180 | 233 | Третий ряд; высокая различимость |
| 4 | Сине-зелёный | #009E73 | 0 | 158 | 115 | Четвёртый ряд; также называют teal |
| 5 | Жёлтый | #F0E442 | 240 | 228 | 66 | Выделение, заливка; не использовать для тонких линий |
| 6 | Синий | #0072B2 | 0 | 114 | 178 | Сильный акцент; сочетается с оранжевым |
| 7 | Алый | #D55E00 | 213 | 94 | 0 | Планки погрешностей, выделение |
| 8 | Розово-фиолетовый | #CC79A7 | 204 | 121 | 167 | Предел для восьми категорий |
Совет: Для рисунков с 4 и менее категориями в первую очередь используйте цвета 2 (Оранжевый), 3 (Голубой), 6 (Синий) и 7 (Алый) — этот квартет имеет наибольший попарный контраст во всех трёх симуляциях НЦВ.
Восемь цветов Okabe-Ito образуют гармоничную, безопасную для дальтоников справочную полосу, которую можно переиспользовать в каждой иллюстрации SciDraw AI.
Почему именно эти цвета эффективны
Протанопия и дейтеранопия (красно-зелёная недостаточность)
При протанопии и дейтераномалии красный и зелёный каналы сливаются. Цвета, различающиеся только по красному или зелёному, путаются. Палитра Okabe-Ito полностью исключает чистый красный и чистый зелёный. Вместо них используются:
- Оранжевый (
#E69F00) — воспринимается как жёлто-оранжевый даже при протанопии - Сине-зелёный / Teal (
#009E73) — содержит достаточно синего канала, чтобы уцелеть при слиянии красного и зелёного - Алый (
#D55E00) — смещён достаточно в сторону оранжевого, чтобы оставаться отличимым от teal
Тританопия (сине-жёлтая недостаточность)
Тританопия путает синий с зелёным и жёлтый с фиолетовым. Синий цвет палитры (#0072B2) достаточно тёмный и насыщенный, чтобы отделяться от teal и жёлтого даже при отсутствии коротковолнового канала.
Контраст яркости
Наблюдатели с НЦВ нередко опираются на различия яркости (светлоты), когда цветовой тон их подводит. Цвета Okabe-Ito охватывают широкий диапазон яркости — от почти нулевой (Чёрный) через средние значения (Teal, Алый, Оранжевый) до высоких (Жёлтый, Голубой) — обеспечивая вторичный канал разделения даже тогда, когда симуляции НЦВ сводят оттенки воедино.
Хорошо разделённая безопасная для дальтоников палитра (слева) остаётся читаемой там, где конфликтная красно-зелёная палитра (справа) перестаёт различаться для многих зрителей.
Практическое применение палитры
Линейные и точечные диаграммы
Назначайте цвета в порядке 2 → 3 → 6 → 7 → 4 → 5 → 8, резервируя Чёрный (#1) для опорного или нулевого ряда. При наличии более 7 рядов данных предпочтительнее разбить на подграфики, чем добавлять девятый цвет — ни одна палитра не масштабируется корректно до 9+ категорий в условиях ограничений НЦВ.
Используйте и цвет, и форму (или стиль линии) для двойного кодирования. Наблюдатель с НЦВ, печатающий в оттенках серого или просматривающий PDF низкого качества, по-прежнему прочитает рисунок правильно.
Столбчатые диаграммы и заливки
Жёлтый (#F0E442) плохо читается на белом фоне в виде тонкой линии, но эффективен как заливка. Сочетайте его с тёмной обводкой (#000000 или #5a5a5a) для обеспечения видимости.
Тепловые карты и непрерывные шкалы
Набор Okabe-Ito — категориальная палитра, не предназначенная для непрерывных данных. Для тепловых карт:
- Последовательные данные: используйте
viridis,cividisилиmako(все НЦВ-безопасны по дизайну) - Дивергентные данные: используйте
RdBuилиBrBGс белым центром; избегайтеRdGn
Многопанельные рисунки
Соблюдайте согласованность цветов во всех панелях. Если на панели A оранжевый = условие X, каждая другая панель должна сохранять это соответствие. Несогласованность — наиболее распространённый сбой доступности для дальтоников в многопанельных рисунках, даже если отдельные панели НЦВ-безопасны.
При создании многопанельных рисунков с помощью инструмента SciDraw AI для научных иллюстраций можно указать HEX-коды Okabe-Ito непосредственно в запросе, чтобы автоматически обеспечить согласованность между панелями.
Другие палитры, безопасные для дальтоников
Окабэ-Ито — не единственный вариант. В таблице ниже представлено сравнение с другими часто рекомендуемыми наборами.
| Палитра | Цвета | Тип | Охватываемые типы НЦВ | Примечания |
|---|---|---|---|---|
| Okabe-Ito | 8 | Категориальная | Протан, Deutan, Tritan | Рекомендуемый вариант по умолчанию в науке |
| Wong (2011) | 7 | Категориальная | Protan, Deutan | Подмножество Okabe-Ito без чёрного; опубликовано в Nature Methods |
| Tol Bright | 7 | Категориальная | Protan, Deutan | Палитра Пола Тола; хороша для презентаций |
| Tol Muted | 10 | Категориальная | Protan, Deutan | До 10 категорий; несколько меньший контраст |
| IBM Color Blind Safe | 5 | Категориальная | Protan, Deutan | Чистая, высококонтрастная; только 5 цветов |
| viridis | Непрерывная | Последовательная | Все типы | Лучшая непрерывная палитра; перцептивно равномерная |
| cividis | Непрерывная | Последовательная | Все типы | Специально оптимизирована для дейтеранопии |
Когда выбирать Okabe-Ito вместо альтернатив:
- Нужно не более 8 категорий в одном графике
- Рисунки будут опубликованы в печатном виде (палитра разработана как для экрана, так и для CMYK-печати)
- Нужна единая палитра, охватывающая protan, deutan и tritan одновременно
Когда рассматривать палитры Пола Тола:
- Необходимо более 8 категориальных цветов (Tol Muted — до 10)
- Создаются презентационные слайды, где чуть более яркие цвета лучше читаются с расстояния
Проверка НЦВ-безопасности рисунков
Выбор НЦВ-безопасной палитры — это шаг первый. Проверка результата — шаг второй: неправильное применение (неверный HEX-код, добавленный градиент, наложение прозрачности) может незаметно разрушить доступность.
Инструменты симуляции
| Инструмент | Платформа | Метод | Примечания |
|---|---|---|---|
| Coblis (color-blindness.com) | Веб | Загрузка изображения | Быстро; симулирует все 8 типов НЦВ |
| Sim Daltonism | macOS / iOS | Десктопное приложение | Наложение на экран в реальном времени |
| Color Oracle | Win / Mac / Linux | Десктопное приложение | Полноэкранная симуляция в реальном времени |
| Adobe Color | Веб | Проверка доступности | Проверяет также соотношения контрастности |
| Chromatic Vision Simulator | iOS / Android | Мобильное | Симуляция в реальном времени через камеру |
Тест в оттенках серого
Переведите рисунок в оттенки серого (полная десатурация). Если каждый ряд по-прежнему различим только по яркости, рисунок соответствует самому строгому стандарту доступности. Многие журналы, принимающие цветные изображения онлайн, по-прежнему печатают в оттенках серого — этот тест выявляет оба вида проблем одновременно.
Автоматическая проверка рисунков
Инструмент проверки рисунков SciDraw AI может отмечать распространённые проблемы с палитрой в загруженных рисунках, включая красно-зелёные сочетания, небезопасные для протанопии/дейтеранопии. Быстрая проверка перед отправкой займёт секунды и поможет предотвратить замечания рецензентов.
Симуляция нарушения цветовосприятия и перевод в оттенки серого показывают, остаётся ли рисунок читаемым для любой аудитории.
Применение Okabe-Ito в распространённых инструментах
R / ggplot2
# Установка пакета дружественных к дальтоникам палитр
# install.packages("ggthemes")
library(ggthemes)
scale_colour_colorblind() # автоматически применяет Okabe-Ito
# Или определить вручную:
okabe_ito <- c("#E69F00", "#56B4E9", "#009E73", "#F0E442",
"#0072B2", "#D55E00", "#CC79A7", "#000000")
scale_colour_manual(values = okabe_ito)Python / Matplotlib
okabe_ito = [
"#E69F00", "#56B4E9", "#009E73", "#F0E442",
"#0072B2", "#D55E00", "#CC79A7", "#000000"
]
import matplotlib.pyplot
Prism (GraphPad)
В GraphPad Prism дважды щёлкните цвет набора данных, выберите «Пользовательский цвет» и введите HEX-код. Функции импорта палитры нет, но копирование таблицы HEX в справочный документ делает ручной ввод быстрым.
Adobe Illustrator / Inkscape
Создайте библиотеку образцов цвета из HEX-значений. В Illustrator: Окно → Образцы → Создать группу цветов. Это гарантирует, что вы всегда выбираете из безопасного набора, не запоминая коды наизусть.
Использование AI-инструментов для рисунков с Okabe-Ito
Генераторы рисунков на основе ИИ могут применять конкретную цветовую палитру, если вы указываете HEX-коды в запросе. В SciDraw AI вы можете описать содержимое рисунка и добавить:
"Используй только цвета Okabe-Ito: оранжевый #E69F00, голубой #56B4E9, синий #0072B2, алый #D55E00"
Конструктор графических абстрактов также принимает ограничения цвета, что удобно, когда ваше учреждение или журнал приняли Okabe-Ito в качестве корпоративного стандарта.
Распространённые ошибки, которых следует избегать
- Сочетание teal с коричневым — Коричневый не входит в набор Okabe-Ito; дейтеранопы могут спутать его с тёмно-оранжевым. Придерживайтесь определённого набора.
- Добавление прозрачности / alpha — Перекрывающиеся полупрозрачные заливки создают смешанные цвета, которые могут не быть проверены на НЦВ-безопасность.
- Использование жёлтого на белом или светло-сером фоне в виде линии — Жёлтый (
#F0E442) практически невидим в виде линии шириной 1 пиксел. Резервируйте его для заливок или существенно увеличивайте толщину обводки. - Игнорирование конвертации в CMYK для печати — HEX-значения, определённые для RGB-экранов, могут смещаться при конвертации в CMYK. При необходимости высокой точности цвета предоставьте в редакцию журнала как RGB-, так и CMYK-значения.
- Называть это «защитой от дальтонизма» — Нет палитры, идеальной для каждого человека. Комбинированное кодирование цвет + форма всегда надёжнее, чем только цвет.
Часто задаваемые вопросы
В: Палитра Okabe-Ito — это то же самое, что палитра Вонга из Nature Methods? О: Почти. Палитра Вонга (2011) из 7 цветов, опубликованная в Nature Methods, является подмножеством Okabe-Ito — в ней отсутствует чёрный. Обе содержат одни и те же шесть хроматических цветов с идентичными HEX-кодами. Термины нередко используются как синонимы.
В: Можно ли использовать Okabe-Ito для тепловой карты?
О: Нет — это категориальная палитра для дискретных групп. Для непрерывных данных тепловых карт используйте viridis или cividis: оба перцептивно равномерны и безопасны для НЦВ.
В: Журнал требует конкретные фирменные цвета, не безопасные для НЦВ. Что делать? О: Применяйте фирменный цвет только для одного акцентного элемента (например, заголовочной полосы или логотипа), а для всех рядов данных используйте НЦВ-безопасные цвета. Дополните кодированием формами и паттернами, чтобы цвет не был единственным различителем.
В: Работает ли Okabe-Ito для всех 8 типов нарушений цветовосприятия? О: Палитра протестирована и задокументирована для трёх наиболее распространённых типов: протанопии, дейтеранопии и тританопии. Редкие формы, такие как монохроматизм (полная цветовая слепота), требуют дополнительных мер — текстур или паттернов.
В: Сколько категорий можно безопасно отобразить с помощью Okabe-Ito? О: До 8, однако на небольших рисунках читаемость ухудшается при более 5–6 категорий. При 7–8 категориях увеличивайте размер символов и рассматривайте добавление вспомогательных таблиц к рисунку.
В: Есть ли бесплатный инструмент для автоматического применения Okabe-Ito к существующим рисункам? О: Инструмент проверки рисунков SciDraw AI позволяет загрузить рисунок, проанализировать его и отметить проблемы НЦВ. Для полной регенерации с применением Okabe-Ito конструктор научных иллюстраций позволяет задавать точные ограничения палитры с самого начала.
