Как подобрать палитру для проекта
Выбери количество цветов и цвет текста — белый или чёрный. Инструмент сгенерирует палитру в которой все цвета гарантированно обеспечивают хорошую читаемость текста. Нажимай снова чтобы получить другой вариант.
Что означают значки AA и AAA
AA означает что контраст соответствует минимальным требованиям доступности WCAG — текст читается нормально. AAA — расширенный уровень, максимальная читаемость. Если нет ни того ни другого — текст плохо читается на этом фоне.
Как используется результат
Скопируй CSS custom properties и вставь в свой проект. Каждый цвет уже проверен на читаемость — ты знаешь на каких слайдах можно использовать белый текст, а на каких лучше чёрный.
Часто задаваемые вопросы
Почему на некоторых цветах текст не читается?
Светлые цвета дают недостаточный контраст с белым текстом, а тёмные — с чёрным. В таких случаях нужно либо использовать другой цвет текста, либо выбрать другой оттенок фона.
Как работает генерация палитры?
Алгоритм равномерно распределяет оттенки по цветовому кругу и подбирает яркость в диапазоне который гарантирует читаемость текста. Каждое нажатие даёт новый случайный вариант.
Можно ли менять отдельные цвета в палитре?
Пока нет — но ты можешь нажать «Подобрать палитру» снова чтобы получить другой вариант, или изменить базовый цвет.
Для каких проектов подходит инструмент?
Для любых: презентации, сайты, мобильные приложения, полиграфия, брендинг. Везде где нужно быстро подобрать согласованную цветовую схему с учётом читаемости текста.