Дни между датами Калькулятор дней Недели между датами Калькулятор недель Рабочие дни Калькулятор рабочих дней Возраст По дате рождения Сегодняшняя дата Какое сегодня число Рабочее время Часы и зарплата Калькулятор времени Сложение и перевод Кредитный калькулятор Основной расчёт Досрочное погашение Экономия на процентах Ипотека Расчёт ипотеки Автокредит Кредит на авто Кредитная карта Минимальный платёж Сравнение кредитов Сравнить условия Обратный расчёт По платежу → сумма График смен Планировщик График отпусков Форма Т-7 Промокоды Генератор Pomodoro Таймер Рейтинг на картах Калькулятор Зарплата Калькулятор НДС Калькулятор НДС Маржинальность Калькулятор маржи Наценка Калькулятор наценки Скидки Калькулятор скидок Инфляция Калькулятор инфляции Проценты Калькулятор процентов Расход топлива Калькулятор топлива Сравнение цен Что выгоднее Калькулятор смет Сметы, НДС, скидки Калории и БЖУ Суточная норма ИМТ Индекс массы тела Норма воды Сколько пить в день Калькулятор сна Циклы сна Сон ребёнка Нормы по возрасту Совместимость По дате рождения Больничный Пособие по нетрудоспособности Отпускные Расчёт отпускных Алкоголь Промилле Калькулятор банкета Еда и напитки на праздник Обои Калькулятор рулонов Плитка Калькулятор плитки Затирка Калькулятор затирки Гидроизоляция Калькулятор Ламинат Калькулятор упаковок Линолеум Калькулятор метража Краска Калькулятор краски Стяжка Калькулятор стяжки Гипсокартон С раскроем Штукатурка Калькулятор штукатурки Доска Кубатура и пол Бетон Кубатура и состав Кирпич и блоки Кладка и раствор Утеплитель Толщина и точка росы Сайдинг Панели и доборные Земляные работы Котлован и траншея Фундамент Лента, плита, сваи Арматура Метраж, вес, прутки Лестница Ступени и угол Забор Профнастил, штакетник Кровля Скаты и материалы Отопление Котёл и радиаторы Генератор визиток С фоном и логотипом Генератор КП Коммерческое предложение Генератор резюме С фото и шаблонами Генератор палитр Цветовые схемы Бросить кубик 1 или 2 кубика Орёл или решка Подбросить монету Случайные числа Генератор чисел QR-код Генератор QR Штрих-код Генератор штрих-кодов Колесо фортуны Рандомайзер Пароли Генератор паролей Да или Нет Случайный ответ Счётчик символов Текст и речь PDF-инструменты Объединить, сжать Сжать фото Уменьшить вес Единицы измерения Конвертер величин Горячие клавиши Справочник сочетаний В столбик С решением Дроби С решением Оценки Средний балл, GPA Алкоголь Промилле

Генератор палитры

Выберите тип схемы и базовый цвет — получите готовую палитру. Заблокируйте понравившиеся цвета 🔒 — при следующей генерации они не изменятся.

Ваша цветовая схема
—

Как это выглядит на сайте

Главная Услуги Кейсы Контакты
Заголовок на фоне бренда
Так выглядит основной текст на вашем фоне. Проверьте читаемость и контраст.
Карточка с акцентной полосой слева

CSS-переменные

SCSS-переменные

Tailwind config

Проверка контраста (WCAG)

Генератор цветовых схем — как подобрать палитру

Генератор цветовых схем — это инструмент для дизайнеров, разработчиков и маркетологов. Он помогает создать гармоничную палитру для сайта, приложения, бренда или презентации. Работает по правилам теории цвета: монохромная, аналоговая, комплементарная, триада, тетрада и сплит-комплементарная схема.

Все палитры можно сразу скопировать в формате HEX, RGB, HSL, экспортировать в CSS-переменные, SCSS-переменные, Tailwind config или скачать картинкой PNG. Встроенный калькулятор проверяет контраст по WCAG.

Как работать с генератором

  1. Выберите тип схемы — 6 вариантов + случайная генерация.
  2. Задайте базовый цвет — через color picker или HEX.
  3. Настройте количество и насыщенность — от 3 до 6 цветов.
  4. Заблокируйте понравившиеся цвета 🔒 — они не изменятся при следующей генерации.
  5. Сохраните или экспортируйте — PNG, CSS, SCSS, Tailwind.

Типы цветовых схем

Тип схемы Описание
Монохромная Оттенки одного цвета. Строго, элегантно, безопасно для бренда.
Аналоговая Соседние цвета на круге. Мягко, гармонично, естественно.
Комплементарная Противоположные цвета на круге. Максимальный контраст и яркость.
Триада Три цвета через 120°. Сбалансированно, живо, разнообразно.
Тетрада Четыре цвета — прямоугольник на круге. Богато, насыщенно.
Сплит-комплементарная Базовый цвет + два соседних с его комплементом. Мягкий контраст.

Правило 60–30–10

Контраст WCAG

Экспорт палитры

📌 Все расчёты выполняются локально в браузере. Сохранённые палитры хранятся в вашем браузере (localStorage) — их не видит никто, кроме вас.

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

Как работает генератор цветовых схем? +
Генератор использует теорию цвета. Вы выбираете тип и базовый цвет — получаете палитру из 3–6 гармоничных цветов. Все расчёты в браузере.
Что такое блокировка цветов? +
Замочек 🔒 на свотче фиксирует цвет. При следующей генерации он не меняется. Удобно найти хороший цвет и подбирать остальные вокруг него.
Можно ли сохранить палитру? +
Да, кнопка «Сохранить палитру» кладёт палитру в избранное в вашем браузере. До 20 палитр. Они видны только вам.
Можно ли редактировать отдельные цвета? +
Да, клик по HEX-коду открывает поле для ручного ввода нового цвета. Так можно донастроить палитру без перегенерации.
Что такое контраст WCAG? +
WCAG — стандарт доступности. 4.5:1 — минимум для обычного текста. 3:1 — для крупного текста и элементов интерфейса. 7:1 — повышенный уровень AAA.
Как экспортировать палитру в PNG? +
Кнопка «Скачать PNG» под названием схемы создаёт картинку с цветами и HEX-кодами. Удобно отправить клиенту или вставить в презентацию.
Можно ли использовать палитру в коммерческих проектах? +
Да, палитра генерируется на лету и не защищена авторским правом. Используйте в любых проектах: сайты, приложения, логотипы, презентации, печать.
Генератор цветовых схем бесплатный? +
Да, инструмент полностью бесплатный. Без регистрации, без оплаты, без ограничений по количеству генераций.
Можно ли использовать генератор на телефоне? +
Да, генератор полностью адаптирован для мобильных устройств. Работает в любом современном браузере.