Генератор палитр для дальтоников — доступные цвета онлайн

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

Создавайте и исправляйте цветовые палитры для всех типов нарушения цветового зрения

Тип палитры
Количество цветов 5
Базовый цвет #4f7cac
100% в браузере. Цвета не покидают ваше устройство.
По одному hex-коду на строку или через запятую (например #FF0000, #00FF00)
100% в браузере. Цвета не покидают ваше устройство.
Ваша палитра
Предпросмотр CVD

Особенности

Генерация палитр по 5 типам гармонии: монохромная, аналогичная, комплементарная, триадная, тетрадная Проверка и исправление существующих палитр для CVD-доступности Предпросмотр в реальном времени для всех типов нарушения цветового зрения Закрепление отдельных цветов и перегенерация остальных

Как использовать

1

Выберите режим «Генерировать» для новой палитры или «Исправить» для проверки существующих цветов.

2

В режиме генерации выберите тип палитры, количество цветов (3-8) и базовый цвет.

3

Нажмите «Сгенерировать» — алгоритм обеспечит, что все пары пройдут порог Delta-E при каждом типе CVD.

4

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

5

Используйте меню экспорта для копирования CSS-переменных, скачивания SVG/PNG или получения конфигов Tailwind/Figma.

Часто задаваемые вопросы

Что такое палитра для дальтоников?

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

Как работает алгоритм?

Цвета генерируются в пространстве OKLCH, которое перцептивно однородно. Алгоритм рассчитывает расстояния Delta-E 2000 между всеми парами цветов при симуляции CVD. Если какая-то пара ниже порога, цвета итеративно корректируются по тону, насыщенности и светлоте, пока все пары не пройдут проверку.

Что такое Delta-E и какой порог используется?

Delta-E 2000 — метрика перцептивного различия цветов. Delta-E 1 — минимальное различие, заметное тренированному глазу. Инструмент использует порог 10 для CVD-симулированных пар, что обеспечивает комфортную различимость даже при тяжёлых нарушениях зрения.

Подходит ли это для веб-дизайна и визуализации данных?

Безусловно. Доступные цветовые палитры необходимы для графиков, диаграмм, карт, компонентов UI и любого дизайна, где цвет несёт смысловую нагрузку. Экспортируйте напрямую как CSS-переменные, Tailwind config или Figma JSON.

Мои данные в безопасности?

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

Как вы оцениваете этот инструмент?

Спасибо за вашу оценку!
Хотите рассказать подробнее? Оставьте комментарий!
Спасибо! Ваш комментарий появится после модерации.
Опубликовано Обновлено