Как собрать палитру для проекта
Выберите режим гармонии и нажимайте «Сгенерировать» (или пробел), пока не увидите подходящее сочетание. Понравился один цвет — зафиксируйте его замком, и генератор будет подбирать остальные вокруг него. Палитра из пяти цветов покрывает типовые нужды интерфейса: фон, поверхности, текст, второстепенные элементы и акцент.
Режимы гармонии
- Аналоговая — соседние тона цветового круга: спокойные, естественные сочетания.
- Монохромная — один тон в пяти светлотах: строгая и безошибочная схема.
- С контрастным акцентом — четыре родственных цвета плюс противоположный тон для кнопок и ссылок.
- Случайная — без правил, для смелых экспериментов.
Частые вопросы
Как работает подбор цветов?
Палитра строится по правилам цветовой гармонии: берётся случайный базовый тон, а остальные цвета получают соседние или контрастные тона с согласованной насыщенностью и светлотой. Такие сочетания выглядят цельно в интерфейсах и графике.
Что делает замок на цвете?
Кликните по замку, чтобы зафиксировать удачный цвет — при следующей генерации он останется на месте, а обновятся только незаблокированные цвета. Так палитру можно собирать постепенно.
Как перенести палитру в проект?
Кликните по цвету, чтобы скопировать его HEX-код, или нажмите «Копировать CSS» — получите готовый набор CSS-переменных (--color-1 … --color-5) для вставки в стили.
Обновлено: 2 июля 2026