Генератор цветовой палитры онлайн
Палитра строится по правилам цветового круга в пространстве HSL. Все сочетания математически гармоничны — можно сразу использовать в CSS, Figma или других дизайн-инструментах.
:root {
--color-1: #0c0a43;
--color-2: #17127d;
--color-3: #231bbb;
--color-4: #5048e5;
--color-5: #9d98f0;
--color-6: #e1e0fb;
}Часто задаваемые вопросы
Что такое комплементарные цвета?
Комплементарные (дополнительные) цвета расположены напротив друг друга на цветовом круге — они создают максимальный контраст и визуальное напряжение. Пример: синий + оранжевый, красный + зелёный. Используются для акцентов и кнопок CTA.
Как выбрать между аналоговой и триадической палитрой?
Аналоговая палитра — соседние цвета на круге — даёт мягкое, спокойное сочетание. Триадическая — три равноудалённых цвета — даёт яркий, сбалансированный результат. Для фона и текста используйте аналоговую, для акцентов — триадическую.
Как применить палитру в CSS?
Скопируйте нужные HEX-коды и используйте как значения цвета в CSS: color: #4f46e5, background: #e0e7ff. Для удобного переиспользования определите их как CSS-переменные: --primary: #4f46e5; --primary-light: #e0e7ff.
Нужен полноценный SEO-аудит?
Инструменты помогают с точечными задачами. Для системного роста — запросите бесплатный разбор вашего сайта.