Генератор палитр – Гармоничные цветовые палитры

Создавайте гармоничные цветовые палитры мгновенно

Выбор цветов, которые хорошо сочетаются друг с другом, — одна из самых частых задач в дизайне. Правила цветовой гармонии, основанные на отношениях между оттенками на цветовом круге, дают надёжную основу для создания сбалансированных палитр.

Этот генератор палитр берёт любой базовый цвет и применяет стандартные правила гармонии для создания набора гармоничных цветов. Введите цвет в формате HEX, RGB или HSL и переключайтесь между типами гармонии, чтобы исследовать разные комбинации.

Типы цветовой гармонии

• Комплементарная — два цвета напротив друг друга на цветовом круге (180°). Высокий контраст, смелые сочетания.
• Аналогичная — три соседних цвета на цветовом круге (30°). Естественно гармоничные, низкий контраст.
• Триадная — три цвета, равномерно распределённые по кругу (120°). Яркие и сбалансированные.
• Раздельно-комплементарная — базовый цвет плюс два цвета, соседних с его комплементом (150° и 210°). Мягче, чем чистая комплементарная.
• Тетрадная (квадратная) — четыре цвета, равномерно распределённые по кругу (90°). Богатые, сложные палитры.

Как пользоваться генератором палитр

1. Введите базовый цвет — введите значение HEX, RGB или HSL или используйте встроенный выбор цвета
2. Выберите тип гармонии в селекторе
3. Просмотрите сгенерированную палитру в виде цветовых образцов
4. Копируйте значения HEX или RGB для любого образца одним кликом
5. Переключайтесь между типами гармонии, чтобы сравнивать разные палитры

Когда использовать генератор палитр

• При начале нового дизайн-проекта, когда нужна сбалансированная цветовая схема
• При создании фирменного стиля вокруг определённого основного цвета
• При создании UI-тем с гармоничными акцентными цветами
• При исследовании цветовых отношений для иллюстрации или искусства
• Для быстрого создания палитр для презентаций или прототипов

Быстро, бесплатно и конфиденциально

Все расчёты палитр выполняются мгновенно в вашем браузере — никакие данные не отправляются на сервер.

Нужно сначала извлечь цвет из изображения? Используйте Пипетку. Хотите конвертировать между форматами? Попробуйте Конвертер цветов. Нужно проверить доступность? Используйте Проверку контраста.

Часто задаваемые вопросы

Что такое цветовая гармония?

Цветовая гармония — это сочетания цветов, которые визуально приятны вместе, основанные на их отношениях на цветовом круге.

Какой тип гармонии выбрать?

Зависит от цели дизайна. Комплементарная создаёт сильный контраст. Аналогичная — спокойное ощущение. Триадная — яркая и сбалансированная. Раздельно-комплементарная даёт более мягкий контраст. Тетрадная даёт богатые, сложные палитры.

Какие форматы цветов можно вводить?

HEX (напр. #3B82F6), RGB (напр. rgb(59, 130, 246)) или HSL (напр. hsl(217, 91%, 60%)). Инструмент автоматически определяет формат.

Как рассчитываются цвета палитры?

Базовый цвет конвертируется в HSL. Цвета палитры генерируются поворотом оттенка на определённые градусы при постоянной насыщенности и яркости.

Можно ли копировать сгенерированные цвета?

Да. У каждого цвета палитры есть кнопки копирования для значений HEX и RGB.

Работает ли этот инструмент на мобильных?

Да. Генератор палитр полностью адаптивен и работает на любом устройстве с современным браузером.

Этот инструмент бесплатный?

Да. ColourPicker.app полностью бесплатен, регистрация не требуется.

Можно ли сохранять сгенерированные палитры?

Инструмент не сохраняет палитры между сессиями. Вы можете копировать отдельные значения цветов и сохранять их в файлах проекта.