Дизайн · Цвет

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

Подберите пять сочетающихся оттенков для сайта, презентации или бренда — с готовыми HEX-кодами и CSS-переменными.

БесплатноБез регистрацииРезультат сразу

Настройте основу

Выберите цвет и принцип сочетания

Базовый цвет

:root {
  --color-1: #2086FB;
  --color-2: #7F90FD;
  --color-3: #7C5CFC;
  --color-4: #C27FFD;
  --color-5: #DE20FB;
}

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

Выберите оттенок бренда или сгенерируйте случайную основу.

Переключайте гармонии и сравнивайте характер палитры.

Копируйте отдельные HEX-значения или весь CSS-блок.

Соберите ссылку для рекламы, проверьте параметры и скопируйте результат.

Создайте QR-код для ссылки или текста и скачайте PNG или SVG.

Оцените скорость, SEO и доступность страницы на мобильных устройствах.

Ответы без воды

Как выбрать палитру для сайта?

Начните с основного цвета бренда. Аналоговая схема выглядит спокойно, контрастная выделяет кнопки, а триада подходит для более яркого интерфейса.

Сколько цветов использовать?

Для большинства интерфейсов достаточно одного основного, одного акцентного и двух-трёх нейтральных оттенков.

Что можно скопировать?

Любой HEX-код отдельно или готовый блок CSS-переменных для всей палитры.

Опишите задачу — Lork создаст структуру, тексты и дизайн, которые можно сразу отредактировать.