Цветовая палитра поддерживает два режима: создание цветовых схем и извлечение палитры из изображений. В режиме создания выберите базовый цвет и правило гармонии. В режиме извлечения загрузите изображение, чтобы извлечь доминирующие цвета, или используйте пипетку для точного выбора. Вся обработка происходит в вашем браузере.
Загружайте изображения для автоматического извлечения палитры с пипеткой для точного выбора
Экспорт в CSS-переменные, Tailwind v4 и SCSS-переменные
Блокируйте отдельные цвета, чтобы сохранить их при регенерации
Кликните, чтобы скопировать любой цвет в формате HEX, RGB или HSL
Полностью офлайн-обработка — ничего не загружается на серверы
Как использовать
1В режиме создания выберите базовый цвет и правило гармонии
2Палитра обновляется автоматически — блокируйте или копируйте отдельные цвета
3Переключитесь в режим извлечения и загрузите изображение для извлечения палитры
4Нажмите кнопку экспорта, чтобы скопировать конфигурацию CSS/Tailwind/SCSS
Часто задаваемые вопросы
Чем отличается от Конвертера цветов и Пипетки?
Конвертер цветов преобразует форматы HEX, RGB, HSL и др. Пипетка выбирает один цвет из изображения. Цветовая палитра создаёт гармоничные схемы из базового цвета или извлекает полные палитры из изображений.
Могу ли я заблокировать отдельные цвета в палитре?
Да. У каждого образца есть кнопка блокировки. Заблокированные цвета сохраняются при изменении базового цвета или правила. Регенерируются только разблокированные цвета.
Какие правила гармонии подойдут новичкам?
Комплементарная создаёт контрастные дизайны. Аналоговая — мягкая и единообразная, отлично подходит для брендинга. Монохромная — чистая и профессиональная. Триадная и тетрадная более продвинутые, но создают насыщенные и сбалансированные палитры.
Насколько точным является извлечение палитры из изображений?
Используя группировку цветов с объединением по евклидову расстоянию, инструмент извлекает до 8 доминирующих цветов. Прозрачные пиксели отфильтровываются, и каждый цвет показывает свой процент. Для точного выбора используйте режим пипетки.
Загружаются ли мои данные на сервер?
Нет. Все вычисления цветов и обработка изображений происходят полностью в вашем браузере. Ничего не загружается.
Какую версию Tailwind поддерживает экспорт?
Экспорт Tailwind генерирует синтаксис пользовательских цветов @theme из Tailwind CSS v4 с использованием переменных --color-*.