Создавайте гармоничные палитры с помощью интерактивного цветового колеса — применяйте правила гармонии: аналоговые, комплементарные, триадные — и мгновенно копируйте любое значение.

Яркость 100%
Правило гармонии
Активный цвет
HEX
RGB
HSL
Палитра

Выберите правило гармонии и базовый цвет, затем перетащите маркеры для тонкой настройки. Нажмите на любой образец, чтобы скопировать его или установить как новый базовый цвет.


О Генератор цветовых палитр

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

Каждый образец показывает значения HEX, RGB, HSL и HSB, а любой цвет палитры можно назначить новым базовым одним щелчком. Ползунок яркости сдвигает всю схему в сторону светлее или темнее, сохраняя соотношения оттенков, что делает исследование вариаций схемы очень быстрым.

Все расчёты выполняются прямо в браузере с использованием математики цветовой теории на круге HSV — без загрузки файлов и обращений к серверу. Когда палитра выглядит подходяще, скопируйте отдельные значения, все цвета сразу, готовые CSS-переменные или экспортируйте в JSON.

Как использовать Генератор цветовых палитр

  1. Выберите базовый цвет с помощью палитры, введите значение или нажмите «Случайный».
  2. Выберите правило гармонии, например аналоговое, комплементарное, триаду или квадрат.
  3. Перетащите маркеры на круге и настройте ползунок яркости для точной настройки схемы.
  4. Щёлкните по образцу, чтобы скопировать его, или назначьте его новым базовым цветом для дальнейших изменений.
  5. Экспортируйте палитру с помощью «Копировать всё», «Копировать CSS-переменные» или «Копировать JSON».

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

Да, он полностью бесплатный. Все расчёты палитры выполняются прямо в браузере, поэтому не требуются кредиты, аккаунты или ограничения по использованию.

Каждое правило располагает остальные цвета палитры под фиксированными углами на цветовом круге относительно базового: комплементарный находится напротив (180°), триада расставляет цвета через 120°, аналоговый держит соседние оттенки рядом, раздельно-комплементарный окружает противоположный оттенок, а квадрат расставляет четыре оттенка через 90°.

Аналоговые или монохромные схемы наиболее безопасны для интерфейсов, так как выглядят спокойно и слаженно. Используйте комплементарную или раздельно-комплементарную схему, если нужен яркий акцентный цвет для кнопок и призывов к действию на фоне доминирующего базового оттенка.

Да. Переключитесь на правило Custom и перетаскивайте каждый маркер независимо на круге, либо начните с любого правила гармонии и перетащите маркеры для корректировки — инструмент обновляет палитру по мере перемещения.

Каждый образец показывает значения HEX, RGB, HSL и HSB — все копируются по отдельности. Также можно скопировать всю палитру как обычные значения, как CSS-пользовательские свойства, готовые для таблицы стилей, или как JSON для передачи в код или дизайнерские инструменты.

Поделиться

Популярные запросы
генератор цветовой палитры цветовой круг генератор цветовой гармонии дополнительные цвета аналоговая цветовая схема бесплатный генератор палитры
Нужна помощь?
Возникла проблема с этим инструментом? Сообщите нам.
Сообщить о проблеме

Добавьте этот бесплатный инструмент на свой сайт — скопируйте и вставьте код ниже.