Files processed in this browserПоддерживаемые форматы
Частный инструмент цвета в браузере

Экстрактор цвета изображения

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

Нет загрузки изображенийНажмите, чтобы попробовать пиксельHEX, RGB и HSL

Перетащите изображение сюда

JPG, PNG, WebP, AVIF, GIF, BMP · up to 50.0 MB

Локальная обработка · Без регистрации · Без водяных знаков

Ваше изображение останется на вашем устройстве

Анализ цвета выполняется локально с помощью Canvas API браузера. Исходные и извлеченные цвета никогда не отправляются на сервер.

Локальная обработка · Без регистрации · Без водяных знаков

Как это работает

Создайте палитру изображения в три шага

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

  1. 01

    Добавить изображение

    Выберите или перетащите общий файл изображения. Ваш браузер читает его локально.

  2. 02

    Исследуйте цвета

    Создайте палитру из 5, 8 или 12 цветов или щелкните изображение, чтобы получить образец одного пикселя.

  3. 03

    Copy or export

    Выберите HEX, RGB или HSL, скопируйте палитру или загрузите переменные CSS.

FAQ

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

Загружено ли мое изображение на сервер?

Нет. Декодирование изображений, выборка пикселей, кластеризация цветов и точный выбор — все это происходит в этом браузере.

Почему доминирующий цвет может незначительно отличаться от изображения?

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

Поддерживает ли он прозрачные файлы PNG?

Yes. Fully transparent pixels are ignored; visible and partially transparent areas take part in the analysis.

Как я могу использовать цвета в дизайне или кодовой базе?

Скопируйте отдельные значения HEX, RGB или HSL, скопируйте всю палитру или загрузите пользовательские свойства CSS.

Сопутствующие инструменты

Продолжите работу с изображениями

Форматы

Поддерживаемые форматы изображений

Common still-image formats work directly. GIF files are analyzed from the first frame; fully transparent PNG pixels are ignored.

JPGJPEGPNGWebPAVIFGIFBMP

Варианты использования

Распространенные случаи использования

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

Продолжайте исследовать

Сопутствующие инструменты и руководства