Генератор цветовой палитры
Создайте согласованную палитру по цветовому кругу и проверьте контраст чёрного или белого текста.
Исходные данные
Расчёт выполняется на вашем устройстве.
Методика и исходные данные
Тона задаются в HSL: соседние, противоположные, триада или градации одного тона. Контраст рассчитывается по относительной яркости WCAG.
Важно учитывать
Контраст показан только для текста чёрного/белого на каждом образце, не для всех пар палитры. Для обычного текста ориентир WCAG AA — 4,5:1; проверьте остальные элементы отдельно.
Источники и документация
Источники проверены 05.09.2026. Условия и нормы могут измениться.
Пример для проверки
Базовый тон H (0–359): 210; Насыщенность, %: 80; Светлота, %: 50; Количество цветов: 5.
Используйте исходные значения формы, затем измените один параметр и сравните результат.
Вопросы и ответы
Как работает генератор цветовой палитры?
Тона задаются в HSL: соседние, противоположные, триада или градации одного тона. Контраст рассчитывается по относительной яркости WCAG.
Какие ограничения важно учитывать?
Контраст показан только для текста чёрного/белого на каждом образце, не для всех пар палитры. Для обычного текста ориентир WCAG AA — 4,5:1; проверьте остальные элементы отдельно.