Создать цветовую палитру из одного цвета
Подбор гармоничных цветов — одна из самых сложных задач при создании сайта, приложения, презентации, логотипа или плаката. Теория цвета предлагает проверенные схемы сочетания оттенков на цветовом круге, и этот генератор палитр применяет их автоматически. Укажите любой понравившийся или фирменный цвет, выберите схему — и получите пять гармоничных оттенков, готовых к копированию в ваш проект.
Возможности
- Семь схем: комплементарная, аналоговая, триада, раздельно-комплементарная, тетрада, монохромная и оттенки.
- Любой исходный цвет в формате HEX, RGB, HSL, по CSS-имени или случайный выбор.
- Копирование по клику любого цвета из палитры.
- Экспорт в виде CSS-переменных или JSON-массива.
- Читабельные подписи, которые меняют цвет на черный или белый для лучшего контраста.
Какую схему выбрать?
| Схема | Настроение | Где использовать |
|---|---|---|
| Комплементарная | Смелость, высокий контраст | Кнопки призыва к действию, спорт, распродажи |
| Аналоговая | Спокойствие, гармония | Природа, здоровье, фоновые элементы |
| Триада | Живость, баланс | Детские товары, иллюстрации |
| Раздельно-комплементарная | Яркость, но без напряжения | Сайты, где нужен один сильный акцент |
| Тетрада | Насыщенность, красочность | Инфографика и диаграммы |
| Монохромная | Элегантность, минимализм | Корпоративные сайты, портфолио |
| Оттенки | Системность | Дизайн-системы, состояния UI |
От палитры к дизайну
Когда палитра готова, проверьте читаемость текста на любом фоне с помощью проверки контрастности цветов, переведите цвета в RGB, HSL или CMYK для печати в конвертере цветов и создайте плавный фон из двух оттенков в генераторе CSS-градиентов.