Omikuji Tools Изображения и видео

Цветовая палитра

Автоматически извлекайте доминирующие цвета из любого изображения и создавайте цветовую палитру. Копируйте HEX / RGB / HSL одним кликом, автоматически генерируйте конфигурацию Tailwind и просматривайте палитру в живом макете UI. Без загрузки — полностью в браузере.

Возможности

  • Автоматическое извлечение доминирующих цветов в двух режимах: Настроение (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.
Начать Подробнее
Предпросмотр цвета
Перетащите для применения цветов
Выберите роль и кликните на цвет палитры, или перетащите карточку цвета сюда.

Извлечение цветов с Median Cut / K-Means · полностью на стороне клиента

Бросьте сюда для анализа
Изображения никогда не загружаются