Подбор цветов для сайта

Начните с одного основного цвета — фирменного цвета логотипа или того, что подходит нише. Генератор сам соберёт к нему фон, цвет текста, акцент, кнопку и второстепенный цвет по правилам цветового круга и сразу покажет, как это выглядит на странице. Не понравилось — нажмите «Ещё вариант».

Да. Нажмите «Из логотипа или фото» и выберите картинку — генератор найдёт её основные цвета и построит палитру от самого яркого. Остальные цвета картинки появятся кружками, любой можно сделать основным. Файл никуда не загружается, всё считается в браузере.

Обычно хватает пяти: светлый или тёмный фон, цвет текста, один акцентный цвет для ссылок и иконок, цвет кнопки и один второстепенный для плашек и выделений. Больше цветов — сложнее понять, куда нажимать. Кнопку заявки лучше держать в одном цвете по всему сайту.

Это международное правило читаемости: насколько текст отличается от фона. Для обычного текста нужен контраст не ниже 4,5:1 (уровень AA), лучше 7:1 (AAA). Генератор подгоняет текст и надпись на кнопке так, чтобы они проходили AA, и показывает цифры — бледный серый текст на белом теряет посетителей.

Выберите нишу в списке: строительство, красота, медицина, юристы, еда, детские услуги, IT, спорт и другие. Генератор возьмёт цвет, привычный клиентам этой сферы. Повторное нажатие на нишу даёт другой её цвет. Главное — чтобы кнопка заявки выделялась на фоне.

Нажмите на любой цвет — скопируется его HEX-код. Кнопка «Скопировать» отдаёт всю палитру сразу: списком HEX, CSS-переменными для :root или настройками для Tailwind. А если сайта ещё нет — нажмите «Сделать сайт в этих цветах», и Land Maker соберёт лендинг в этой палитре.