Цветовая палитра
Image Palette Extractor

✨ Возможности

  • Автоматическое извлечение доминирующих цветов в двух режимах: Настроение (Median Cut) и UI/Логотип (K-Means)
  • Копирование HEX, RGB и HSL одним кликом; автоматическая генерация конфигурации Tailwind CSS
  • Предварительный просмотр палитры в роли фона, текста и кнопок в живом макете UI
  • Без загрузки файлов — полностью локальная обработка, ничего не отправляется на серверы

🪄 Подходит для

Извлечение палитр из фото

Мгновенно генерируйте цветовую палитру, соответствующую настроению пейзажных или продуктовых фото.

Определение цветов бренда

Извлекайте цвета бренда из логотипа или референсного изображения и сразу копируйте значения HEX.

Рабочий процесс веб-дизайна

Просматривайте цветовую схему в макете UI и экспортируйте код CSS или Tailwind.

Конвертация цветовых кодов

Конвертируйте между форматами HEX, RGB и HSL для использования в инструментах разработки и дизайна.

🔒 Конфиденциальность

Этот инструмент работает полностью в браузере. Изображения никогда не загружаются на внешние серверы.

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

Какие форматы изображений поддерживаются?

Поддерживаются все основные форматы, которые может отображать ваш браузер: JPEG, PNG, WebP, GIF, BMP и SVG.

Можно ли изменить количество извлекаемых цветов?

Да. Можно задать количество извлекаемых цветов до 16.

Может ли инструмент генерировать код Tailwind CSS?

Да. Извлечённая палитра может быть автоматически экспортирована в виде фрагмента конфигурационного файла Tailwind CSS.

Отправляются ли изображения на сервер?

Нет. Вся обработка происходит в браузере. Данные изображения никогда не отправляются на внешние серверы.
Ожидание изображения
Изображения обрабатываются только в браузере · никогда не загружаются
Перетащите изображение сюда
Нажмите, чтобы выбрать файл, или вставьте прямо на страницу. Всё анализируется в браузере.
Нажмите для выбора ⌘ / Ctrl + V для вставки
JPEGPNGWEBPGIFSVG
Предпросмотр загруженного изображения
#000000
—
АлгоритмAlgorithm
Количество цветовSwatches
6цветов
Палитра Palette
0 цветов
color.omikuji.dev
// Загрузите изображение для генерации кода
Aurora ПродуктЦеныКомпания
New release
Проверьте свою палитру
прямо сейчас.
Назначьте извлечённые цвета фону, тексту и кнопкам — и мгновенно увидьте результат в реальном UI.
Предпросмотр цвета
Перетащите для применения цветов
Выберите роль и кликните на цвет палитры, или перетащите карточку цвета сюда.
Фон—
Текст—
Кнопка—
tools.omikuji.dev
Извлечение цветов с Median Cut / K-Means · полностью на стороне клиента
Бросьте сюда для анализа
Изображения никогда не загружаются