Генератор цветовых схем

Создаёт гармоничные цветовые палитры по теории цвета: комплементарные, аналогичные, триадические и другие.

Базовый цвет

Цветовая схема

Сгенерированная палитра

#3C83F6

Основной

#F6AF3C

Дополнительный

Базовый HSL: hsl(217, 91%, 60%)

Об этом инструменте

Генератор цветовых схем использует теорию цвета для создания гармоничных палитр из одного базового цвета.

Этот подход отражает метод, используемый профессиональными дизайн-инструментами.

Типы схем

Дополнительный: Два противоположных цвета на круге (180°). Высокий контраст.
Аналогичный: Три соседних цвета (±30°). Гармоничный и естественный.
Триадный: Три равномерно распределённых цвета (120°). Яркий и сбалансированный.
Тетрадный: Четыре равномерно распределённых цвета (90°). Богатая, сложная палитра.
Раздельно-дополнительный: Основной + два цвета рядом с дополнительным. Высокий контраст, но мягче.
Монохроматический: Пять оттенков одного тона. Тонкий и единый.

Случаи использования

Дизайнеры брендов создают полные палитры из одного основного фирменного цвета. Веб-разработчики выбирают дополнительные акцентные цвета для состояний наведения.

Частые вопросы

Почему некоторые цвета выглядят похожими? — Это происходит при очень низкой или высокой насыщенности/яркости. Попробуйте более насыщенный средний тон.
Можно ли использовать в Tailwind или CSS? — Да. Скопируйте коды hex и используйте как пользовательские цвета в tailwind.config или CSS-переменных.
Что такое HSL? — Тон-Насыщенность-Яркость. Тон — угол на цветовом круге (0–360°).