Извлечение палитры изображения

Детерминированно извлекает из локального изображения до 16 основных цветов и выводит переменные HEX, CSS и JSON.

Локальная обработка в браузере
Эта страница прошла проверку открытого каталога; после включения JavaScript можно использовать все функции.
Руководство по использованию

Как использовать извлечение цветовой палитры из изображения

Извлечение палитры изображения обрабатывает ввод только в текущем браузере; данные пользователя не загружаются, не передаются по сети и не сохраняются.

  1. Введите данные

    Выберите локальное изображение и задайте от 2 до 16 цветов.

  2. Выберите способ обработки

    Фиксированные алгоритмы выборки и квантования игнорируют прозрачные пиксели или используют указанный цвет фона.

  3. Проверить и экспортировать

    Скопируйте переменные HEX и CSS или скачайте палитру JSON.

Ограничения и примечания

  • Палитра представляет собой приблизительный результат статистического анализа; градиенты, прозрачность и сжатие влияют на количество цветов.
  • Цвета могут отличаться на разных мониторах и в разных цветовых пространствах; для фирменных цветов по-прежнему следует использовать официальные значения.
  • Инструменты предоставляют только результаты локальной вспомогательной обработки; важные конфигурации, ключи, документы и материалы для публикации по-прежнему необходимо проверять в целевой среде.

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

Будут ли входные данные загружены на сервер?

Нет. Страница использует только память браузера, локальные файлы API и локальные ресурсы, уже предоставленные сайтом.

Почему извлечённые цвета не совпадают с цветами, которые чаще всего видны невооружённым глазом?

Инструмент использует фиксированную выборку и квантование для обеспечения скорости и воспроизводимости; результатом являются репрезентативные цвета, а не субъективно выбранные дизайнером оттенки.

Почему результаты всё ещё требуют ручной проверки?

Граничный синтаксис, региональные стандарты, сторонние средства чтения и целевая среда выполнения могут различаться; инструмент не заменяет окончательную проверку.

Отзывы о страницеНашли проблему или есть предложения по улучшению?
Функция обратной связи доступна только в онлайн-версии

Пожалуйста, отправляйте заявку после включения JavaScript в онлайн-версии; локальные функции текущего инструмента или примера не будут затронуты.

Перейти к отзыву в онлайн-версии