Подбор цветовой палитры: инструменты и приложения

Что стоит сравнить?

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

Уточните на официальной странице, в каких форматах можно экспортировать палитру (HEX, RGB, HSL, CSS-переменные или файлы для дизайнерских программ) и нужен ли аккаунт для сохранения. Если для печати нужны значения CMYK или пантоны, помните, что пересчёт из экранных цветов лишь приблизителен.

Как понять, что цвет текста достаточно читаем? Рекомендации WCAG 2 советуют контраст не ниже 4,5:1 для обычного текста и 3:1 для крупного. Введите цвета текста и фона в проверку контраста; если значение ниже порога, сделайте один из цветов темнее или светлее.

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