Перейти к содержимому
ToolMug

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

Загрузите изображение и нажмите на любой пиксель, чтобы узнать его точный цвет в HEX, RGB и HSL. Лупа показывает пиксели под курсором, а раздел «Палитра» автоматически находит основные цвета изображения.

Работает в браузере — введённые данные никуда не загружаются

или перетащите файл сюда

Также можно вставить изображение с помощью Ctrl+V / ⌘V

 

Как пользоваться

  1. Выберите изображение, перетащите его сюда или вставьте скриншот с помощью Ctrl+V.
  2. Ведите курсором по изображению — лупа покажет точный пиксель.
  3. Нажмите, чтобы взять цвет, и скопируйте его в формате HEX, RGB или HSL.
  4. Используйте палитру, чтобы увидеть основные цвета и их долю в изображении.

Описание параметров

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

Примеры

Подобрать фирменный цвет. Вставьте скриншот логотипа и нажмите на него, чтобы получить код HEX.

Собрать палитру по фото. Загрузите пейзаж и скопируйте 5 основных цветов для дизайна.

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

Как вычисляется палитра?

Алгоритмом медианного сечения (median cut) — цвета изображения многократно делятся на группы похожих, и средний цвет каждой группы становится одним цветом палитры. Прозрачные пиксели не учитываются.

Почему выбранный цвет немного отличается от цвета в моём макете?

Цвета считываются после того, как браузер преобразует изображение в sRGB. Изображения, сохранённые в более широком цветовом пространстве, например Display P3, конвертируются, а сжатие JPEG слегка меняет отдельные пиксели. Для самого точного значения берите цвет с однородного участка, а не с края.

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

Нет. Изображение читается в вашем браузере.

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

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

Похожие инструменты