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

← Все статьи блога

Инструкция обновлена:

Проверьте цвет на изображении и скопируйте отображаемый цветовой код.

Открывайте эту инструкцию по ссылке «Как пользоваться сервисом» под названием сервиса. Здесь собраны шаги, скриншоты и видео для компьютера и телефона.

Открыть сервис →

Прежде чем начать

Если вам нужен воспроизводимый цвет файла, используйте исходное изображение, а не скриншот предварительного просмотра с управлением цветом.

Загрузить демонстрационный файл на устройство — landscape.png

Эти небольшие файлы созданы специально для инструкции и не содержат персональных данных.

Пошаговая инструкция

  1. Выберите изображение и дождитесь предварительного просмотра палитры цветов.
  2. Переместите или коснитесь палитры над областью, цвет которой вам нужен.
  3. Проверьте выбранный образец и отображаемые значения цвета.
  4. Скопируйте предложенное HEX или другое представление цвета, сохранив его обозначение.
  5. Вставьте значение в редактор и сравните его с предполагаемой областью исходного изображения.

На компьютере

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

На телефоне

Нажмите внутри изображения и проверьте предварительный просмотр выбранного цвета. Осторожно масштабируйте или перемещайте страницу, если целевая область мала.

Если в Safari на iPhone результат открылся в новой вкладке, откройте меню «Поделиться» и выберите «Сохранить в Файлы». В Chrome на Android проверьте раздел «Загрузки». До завершения обработки держите вкладку открытой.

Для лучшего результата

Выберите однородную область без краев и артефактов сжатия. Соседние пиксели могут иметь немного разные значения.

Скриншоты и видео

Видео для компьютера

В ролике показан русский интерфейс. В ролике показаны работа с примером и результат в сервисе.

Видео для компьютера
Как найти цвет пикселя на изображении — Ссылка на инструкцию под названием сервиса (На компьютере)
Ссылка на инструкцию под названием сервиса
Как найти цвет пикселя на изображении — Выбор источника (На компьютере)
Выбор источника
Как найти цвет пикселя на изображении — Проверка результата (На компьютере)
Проверка результата

Видео для телефона

В ролике показан русский интерфейс. В ролике показаны работа с примером и результат в сервисе.

Видео для телефона
Как найти цвет пикселя на изображении — Ссылка на инструкцию под названием сервиса (На телефоне)
Ссылка на инструкцию под названием сервиса
Как найти цвет пикселя на изображении — Выбор источника (На телефоне)
Выбор источника
Как найти цвет пикселя на изображении — Проверка результата (На телефоне)
Проверка результата

Вопросы и решение проблем

Почему соседние пиксели разные?

Сглаживание, градиенты, сжатие JPEG и текстура могут привести к небольшим изменениям цвета.

Почему на другом экране цвет выглядит иначе?

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

Если появилось сообщение о перегрузке сервиса, подождите и попробуйте позже. Неудачная попытка не изменяет исходный файл.

Открыть сервис →