Советы11 февраля 2026 г.1.94K

Выбор цвета для дата-визуализации: правила

Коротко

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

Цвет в дата-визуализации — не украшение, а инструмент. Неудачная палитра заставляет зрителя тратить лишние секунды на расшифровку графика, а удачная — направляет взгляд именно туда, куда нужно. Разберём, какие принципы помогают выбирать цвета осознанно.

Почему случайные цвета не работают

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

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

  • Берите цвета из разных частей цветового спектра. Если на графике несколько категорий, они должны различаться не по яркости, а именно по оттенку: синий, оранжевый, зелёный — а не синий, голубой, бирюзовый.
  • Используйте подходящий тип палитры. Качественная (категориальная) — для несвязанных категорий; последовательная — для числовых шкал от меньшего к большему; дивергентная — когда есть значимая средняя точка (например, ноль или план).
  • Проверяйте контрастность. Текст и линии должны хорошо читаться на фоне, особенно в условиях проектора или яркого экрана.
  • Учитывайте доступность (accessibility). Проверяйте палитру в симуляторах дальтонизма — наиболее распространена красно-зелёная форма нарушения цветовосприятия.
  • Ограничивайте количество цветов. Больше 6–7 категорий на одном графике — сигнал пересмотреть структуру самой визуализации, а не добавлять новые цвета.

Цвет и устная презентация

Есть один практический совет, который часто упускают: выбирайте цвета с однозначными, общепонятными названиями. Это важно во время выступлений. Когда вы хотите сфокусировать внимание аудитории, вы говорите: «смотрим на зелёную линию — это выручка». Такая фраза работает только если на графике действительно одна зелёная линия, а не зелёная, салатовая, мятная и оливковая одновременно. Чем дальше цвета стоят друг от друга в спектре, тем меньше путаницы и у зрителя, и у докладчика.

Что сделать на практике

  • Перед началом работы определите тип данных: категориальные, числовые или дивергентные — и выберите соответствующий тип палитры.
  • Воспользуйтесь готовыми генераторами палитр: они строят сочетания по цветовым схемам (2-, 3-, 4-точечные) и учитывают восприятие.
  • Проверьте итоговую палитру в режиме grayscale — если графики читаются и без цвета, значит вы не злоупотребляете им как единственным носителем смысла.
  • Перед презентацией назовите вслух каждый цвет на графике: если название неоднозначно или их несколько из одного семейства — пересмотрите выбор.

Вывод

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

Частые вопросы

Сколько цветов можно использовать на одном графике?+

Рекомендуется не более 6–7 цветов. Если категорий больше, стоит пересмотреть структуру графика: разбить на несколько чартов или использовать группировку.

Как выбрать палитру, удобную для людей с дальтонизмом?+

Избегайте сочетания красного и зелёного как единственного способа различить категории. Проверяйте палитру в онлайн-симуляторах дальтонизма и дублируйте различие цветом + формой маркера или штриховкой.

Чем отличается последовательная палитра от дивергентной?+

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

Где взять готовые палитры для дата-визуализации?+

Существуют специализированные генераторы палитр, в том числе поддерживающие 2-, 3- и 4-точечные цветовые схемы, а также библиотеки готовых палитр от таких инструментов, как Datawrapper, Figma и Flourish. Они учитывают восприятие и доступность.

33👍14🔥9
Читать оригинал в Telegram
Там можно оставить реакцию и написать комментарий
✈️ Открыть
🥰
Валерия Смирнова
Senior BI-аналитик в Авито · @mozzalerra
Сотрудничество →