Генератор аналоговой палитры

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

-2 шага
-1 шаг
Базовый цвет
+1 шаг
+2 шага

Как это работает

На цветовом круге аналоговые цвета — это соседние оттенки базового цвета (например, синий, сине-зелёный и зелёный); они естественно образуют гармоничные сочетания, поскольку оттенки никогда резко не противопоставлены друг другу. Этот инструмент переводит ваш базовый цвет в HSL, а затем создаёт четыре соседних оттенка, сдвигая компоненту оттенка (hue) в обе стороны и сохраняя ту же насыщенность и яркость для визуальной согласованности.

Чем аналоговая палитра отличается от комплементарной?

Комплементарная палитра сочетает противоположные на цветовом круге цвета (например, синий и оранжевый) для сильного и динамичного контраста, тогда как аналоговая остаётся в близких оттенках для более мягкого и цельного вида; её часто используют для фонов и градиентов.

Как выбрать подходящий шаг между оттенками?

Небольшой шаг (10–15°) даёт очень близкие, почти монохромные оттенки, а более широкий (30–45°) заметно расширяет палитру, оставаясь в пределах одного семейства цветов. Настройте ползунок, чтобы найти баланс, подходящий для вашего проекта.

Ни цвета, ни созданные палитры не отправляются на сервер: расчёт полностью остаётся в вашем браузере.