ToolHub
Открыть инструмент

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

Генерация цветовых схем на основе базового цвета с использованием 6 правил гармонии и экспортом CSS

Инструменты разработчика
Запустить инструмент Все инструменты

Об этом инструменте

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

Основные функции

Быстрый предпросмотр

Сценарии использования

color palette harmony

Часто задаваемые вопросы

Какие правила гармонии доступны?

Инструмент предоставляет шесть правил гармонии: дополнительные, аналогичные, триадные, разделённые дополнительные, квадратные и монохромные. Каждое правило генерирует цветовую схему из 5 цветов на основе принципов теории цвета.

Можно ли заблокировать определённые цвета в палитре?

Да, каждая цветовая карточка имеет кнопку блокировки. После блокировки цвет остаётся неизменным даже при смене правила гармонии или случайной генерации палитры. Нажмите кнопку блокировки ещё раз, чтобы разблокировать.

Как экспортировать палитру в CSS?

Нажмите кнопку экспорта CSS, чтобы сгенерировать CSS-пользовательские свойства (--primary, --light, --dark, --accent, --accent-light) с цветами текущей палитры. Затем можно скопировать CSS-код в один клик.

Можно ли скопировать отдельный цвет?

Да, нажмите на любую цветовую карточку, чтобы скопировать её HEX-значение в буфер обмена. После успешного копирования отображается уведомление. Каждая карточка также показывает значения RGB и HSL для справки.

Будут ли мои данные о цвете отправлены на сервер?

Нет. Вся генерация палитр и вычисления цветов выполняются локально в браузере, никакие данные не загружаются на сервер, обеспечивая полную конфиденциальность и безопасность вашей информации.

Похожие инструменты

Валидатор JSONПалитра цветовГенератор хешейГенератор UUID