Когда пригодится
- Собрать токены для лендинга.
- Подобрать контрастный акцент.
- Получить несколько оттенков одного бренда.
Дизайн/Медиа · бесплатно
Генератор цветовой палитры
Выберите базовый HEX и тип гармонии, чтобы получить воспроизводимую палитру и готовые CSS custom properties. Цвета считаются локально через HSL-модель.
Локальная обработка. Введённые данные остаются в этой вкладке и не отправляются на CPA.TG.
CSS-переменные
Результат появится здесь.
Три шага
- Введите исходные данные.
- Выберите режим и запустите обработку.
- Проверьте и скопируйте результат.
Частые вопросы
Проверяет ли палитра доступность текста?
Первая версия генерирует гармонию, но не заменяет отдельную проверку WCAG-контраста для конкретной пары текста и фона.
Можно ли повторить результат?
Да. Одинаковый HEX, тип схемы и число цветов дают одинаковый набор.