Генератор цветовых палитр
Бесплатный генератор цветовых палитр: гармоничные сочетания (аналоговые, комплементарные, триадные и др.), закрепление цветов и экспорт в HEX или CSS.
Также: Палитра из изображения и пипетка · Проверка контраста цветов
Что он делает
Этот генератор создаёт цветовые палитры для сайтов, приложений, презентаций и дизайна. Выберите гармонию, чтобы получить сочетающиеся цвета на основе базового цвета, или нажимайте пробел для случайных палитр, а понравившиеся цвета закрепите, чтобы менялись только остальные. Цвета рассчитываются в цветовом пространстве OKLCH, которое сохраняет воспринимаемую светлоту даже при смене оттенка, поэтому палитры выглядят сбалансированными. Копируйте цвета в HEX, как CSS-переменные или JSON либо поделитесь палитрой по ссылке.
Как пользоваться
- Выберите гармонию и базовый цвет или оставьте «Случайная».
- Нажимайте пробел или «Сгенерировать», пока палитра не понравится; закрепите цвета, которые хотите сохранить.
- Нажмите на код цвета, чтобы скопировать его, или скопируйте всю палитру в HEX, CSS или JSON.
Частые вопросы
Что означают гармонии?
Это классические сочетания цветового круга. Аналоговая использует соседние оттенки для спокойного вида; комплементарная — противоположные оттенки для сильного контраста; триада и тетрада равномерно распределяют три или четыре оттенка; расщеплённая комплементарная смягчает комплементарную пару; монохромная использует один оттенок в нескольких тонах.
Почему OKLCH, а не HSL?
В HSL жёлтый и синий с одинаковым значением светлоты выглядят совершенно по-разному по яркости. OKLCH построено с учётом человеческого восприятия, поэтому при повороте оттенка цвета остаются одинаково светлыми. Именно поэтому это цветовое пространство добавили в CSS.
Можно ли проверить, читаемы ли цвета?
Да: воспользуйтесь проверкой контраста, чтобы узнать, соответствует ли текст одного цвета на фоне другого уровням доступности WCAG.