Как определить цвет по фото онлайн

Способ 1: ImageColorPicker

Онлайн-сервис ImageColorPicker хорош тем, что показывает не только выбранный цвет в HEX или RGB, но и отображает общую палитру сразу после загрузки, что позволяет сориентироваться по оттенкам и использовать их в нужный момент. Для определения цвета по пикселю через ImageColorPicker выполните следующие действия:

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

  1. На сайте нажмите кнопку «Use Your Image».

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

    Выбор типа загрузки для определения цвета по фото через онлайн-сервис ImageColorPicker

  3. Для выбора картинки как файла кликните по выделенной области или сразу перетащите его туда.

    Открытие Проводника для определения цвета по фото через онлайн-сервис ImageColorPicker

  4. В «Проводнике» отыщите снимок и дважды щелкните по нему левой кнопкой мыши.

    Выбор файла через Проводник для определения цвета по фото через онлайн-сервис ImageColorPicker

  5. Как видно, на экране отображается полное изображение, а под ним палитра используемых цветов, которые преобладают на холсте.

    Просмотр палитры для определения цвета по фото через онлайн-сервис ImageColorPicker

  6. Водите курсором по картинке, выбирая подходящий пиксель для захвата.

    Фиксация области для определения цвета по фото через онлайн-сервис ImageColorPicker

  7. После клика левой кнопкой мыши цвет фиксируется и отображается в блоке ниже.

    Просмотр фиксации области для определения цвета по фото через онлайн-сервис ImageColorPicker

  8. Справа вы видите его значение в HEX и RGB. Скопируйте необходимые данные и используйте их в своих целях.

    Копирование значений для определения цвета по фото через онлайн-сервис ImageColorPicker

Как определить цвет пикселя на картинке онлайн

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

Подобных онлайн-сервисов огромное множество. Я добавлю ссылки лишь на 3:

  • https://imagecolorpicker.com/ru
  • https://ru.inettools.net/image/opredelit-tsvet-piksela-na-kartinke-onlayn
  • https://sanstv.ru/color#ffffff

Все они очень простые в использовании. Нужно:

  1. Открыть любой онлайн-сервис по ссылке выше;
  2. Загрузить картинку с компьютера;
  3. Кликнуть мышкой по картинке, после чего будет указан точный цвет пикселя и его код в различных форматах.
    Определение кода цвета пикселя на картинке в онлайн сервисе

Inettools — инструмент для копирования цвета

Есть еще несколько других инструментов в интернете. Возможно, они не такие удобные, как те, что были уже рассмотрены. Но некоторым они тоже могут понравится. Inettools — это еще одна онлайн-пипетка. Здесь вам также потребуется загрузить изображение, откуда нужно выбрать цвет цифровой картинки. Попадая на главную страницу https://ru.inettools.net, вы увидите рабочее окно. В него можно перетащить изображение. А можно загрузить его, нажав на кнопку под окном «Выбрать». После этого указать на своем компьютере путь к изображению.

Дальнейшие действия:

  1. Когда картинка будет на рабочем столе Inettools, просто выберите курсором мыши любую точку на картинке;
    Сервис ru.inettools
  2. Вся информация по выбранному пикселю отобразится в блоке ниже под названием «Сохраненное значение». Здесь представлен этот цвет в RGB и HTML, а также указано положение по горизонтали и вертикали;
  3. В блоке «Текущее положение» отображается значение курсора, которым вы передвигаете в настоящее время.
    Скрин определения цвета пикселя

С помощью такого нехитрого инструмента очень просто узнать любой цветовой пиксель на фотографии или цветной картинке. В нем можно выбирать несколько изображений и переключаться между ними. Их список находится под рабочим столом. Онлайн-инструментом подобного типа является https://imagecolorpicker.com/ru. В отличие от предыдущего сервиса, здесь есть возможно только загружать картинки из своего компьютера или по указанному URL.

Приложения для определения цвета для Google Chrome

Для быстрого определения цвета онлайн можно использовать вспомогательные расширения (плагины).

Все они очень просты в использовании. Нужно:

  1. Установить любое расширение;
  2. Запустить его стандартным образом, нажав на значок расширения в верхнем правом углу экрана браузера.

Список расширений:

  • ColorZilla
  • Eye Dropper
  • ColorPick Eyedropper

Конечно же, подобные плагины есть не только для Google Chrome, но и для Mozilla Firefox, Opera, Яндекс браузера. Чтобы их найти необходимо в магазине расширений в своем браузере в поле поиска вбить «Color Picker».

Определить цвет на сайте с помощью Colorzilla

Еще одно полезное расширение — ColorZilla , с помощью которого можно определить любой цвет на веб-странице пипеткой.
← Нажмите «Установить» и разрешите установку
← После этого в браузере появится иконки пипетки — нажмите на нее, чтобы вызвать меню расширения. Кликните на Pick Color From Page
← Наведите мышку на нужный элемент, и его цвет появится в панели сверху. Вы увидите обозначение цвета в HEX и RGB. При клике цвет сохранится в буфер автоматически

Способ 2: GetColor

Онлайн-сервис GetColor подойдет тем юзерам, кому помимо данных в RGB нужно узнать, на какой оттенок похож выбранный цвет, чтобы применить эти знания в дальнейшем. Конечно, иногда результаты будут не совсем точными, но в большинстве случаев они соответствуют действительности и являются полезными.

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

  1. Воспользуйтесь кнопкой выше, чтобы перейти к взаимодействию с инструментом. Нажмите «Открыть изображение» для выбора файла на компьютере.

    Переход к выбору файла для определения цвета по фото через онлайн-сервис GetColor

  2. Если у вас есть ссылка на картинку, вставьте ее в поле ниже и щелкните по «Загрузить».

    Вставка ссылки для определения цвета по фото через онлайн-сервис GetColor

  3. Наведите курсор на снимок и выберите интересующий оттенок. Текущий захватываемый отображается в первой плитке.

    Выбор области для определения цвета по фото через онлайн-сервис GetColor

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

    Копирование значений для определения цвета по фото через онлайн-сервис GetColor

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

    Просмотр названий для определения цвета по фото через онлайн-сервис GetColor

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

    Копирование ссылки для определения цвета по фото через онлайн-сервис GetColor

Eye Dropper — расширение для идентификации цифрового колора

Возможно, еще кто-нибудь не знает, но расширения в браузере являются дополнительными инструментами. Они доступны в специальных магазинах. Так как Google Chrome является одним из популярных программ для серфинга в интернете, в его магазине больше всего таких мини-программ. Но нам не нужны все, а только Eye Dropper. Магазин Chrome находится на странице https://chrome.google.com/webstore/category/extensions?hl=ru. Чтобы найти расширение, выберите слева вверху строку поиска и введите в ней название.

Иллюстрация поиска Eye Dropper
Найдите расширение Eye Dropper в магазине Хром

Это расширение является своеобразной пипеткой для браузера. При этом она будет работать повсеместно и выбирать для вас любой пиксель. После чего предоставлять всю нужную информацию по цвету. Это очень удобно, и к тому же не нужно ничего копировать или вставлять. Когда вы найдете расширение, выберите напротив него кнопку «Установить». Вверху на панели браузера Chrome появится маленькое изображение пипетки. Чтобы начать с ней работать нажмите на неё.

Дальнейший порядок действий:

  1. Откроется контекстное меню, где для выбора оттенка в браузере нужно нажать кнопку «Pick color from web-page»;
    Расширение Eye Dropper
  2. Указателем выберите нужный участок на экране, он тут же копируется. А цветовой квадратик возле пипетки примет оттенок, который вы выбрали;
  3. Слева в информационном блоке расширения будут числовые значение в RGB, HSL, HTML и др. Чтобы удалить текущий колор, нажмите корзинку под кнопкой выбора;
    Инструменты Eye Dropper
  4. Вы можете загрузить данные цвета в формате CSV, который можно открыть программой MS Excel.

При этом небольшое расширение Eye Dropper позволяет автоматически копировать данные выбранного цвета на мониторе. Есть настройка горячих клавиш для быстрого запуска в браузере, а также история всех выбранных раннее вариантов. Если вы пользуетесь браузером Google Chrome и вам часто необходимо определять цвета разных пикселей online, то это расширение несомненно для вас.

Как определить цвет на картинке онлайн с помощью Sanstv

Если вам нужно определить цвет на какой-то картинке, то это можно быстро сделать онлайн с помощью инструмента от Sanstv.
← Перейдите в сервис и выберите файл, на котором нужно определить цвет, с компьютера
← Кликните на цвет на изображении, его параметры появятся в левой панели в RGB, HEX, HSI, CMYK

Способ 3: HTML Color Codes

По названию онлайн-сервиса HTML Color Codes уже можно понять, что подойдет он только в том случае, если вам необходимо получить цвет по пикселю в формате HTML для дальнейшего использования в создании сайтов или вставки в различные формы. Процесс определения происходит буквально в несколько кликов и выглядит так:

Перейти к онлайн-сервису HTML Color Codes

  1. Начните взаимодействие с загрузки файла, для чего нажмите «Upload File» или вставьте ссылку на изображение.

    Переход к выбору файла для определения цвета по фото через онлайн-сервис HTML Color Codes

  2. В случае с файлом отыщите его через окно «Проводника» и дважды щелкните по нему ЛКМ.

    Выбор файла для определения цвета по фото через онлайн-сервис HTML Color Codes

  3. Используйте курсор и ЛКМ, чтобы выбрать подходящий фрагмент пикселей, который отобразится в первой плитке справа.

    Фиксация области для определения цвета по фото через онлайн-сервис HTML Color Codes

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

    Выбор пикселя для определения цвета по фото через онлайн-сервис HTML Color Codes

  5. Осталось только скопировать код HTML. В любой момент выберите другой фрагмент, чтобы получить соответствующий код и скопировать его точно таким же образом.

    Копирование кода для определения цвета по фото через онлайн-сервис HTML Color Codes

Как определить цвет в Фотошопе

Цвет на картинке можно определить также с помощью Photoshop.
← Откройте изображение и выберите инструмент «пипетка» (eyedropper tool) в панели Tools или нажмите горячие клавиши Shift+I
← Кликните на нужный цвет, и он определится в палитре
← Нажмите на нее, чтобы получить значения цвета

Pixie — простая утилита для распознавания оттенка на экране

Небольшая утилита Pixie является портативной. Это значит, что после её загрузки на свой компьютер вам не придется её устанавливать. Размер её весьма мал — 11 килобайт. Вы можете упрятать её куда-нибудь подальше в папку, чтобы она не мешала. А на рабочий стол вывести иконку. Таким образом вы получите удобный и простой инструмент, который способ определять цвет на экране не зависимо от того, какая программ сейчас работает. Это может быть браузер или даже игра.

Запустив утилиту Pixie, нужно навести курсор на часть экрана, и вы тут же определить цвет в шести различных цветовых моделях: RGB, HEX, CMYK, HSV, pixel at, HTML. Информация отображается в небольшом окошке. Вы сможете загрузить утилиту Pixie с сайта разработчика — http://www.nattyware.com/pixie.php. Она абсолютно бесплатна и будет работать во всех версиях ОС Windows.

Photoshop и Paint: как узнать цвет с помощью пипетки

Предыдущие способы куда проще, ведь не требуют установки и запуска программ для выполнения поставленной задачи. Но для тех, кто активно работает с графикой просто необходимо уметь обращаться графическими редакторами. Поэтому рассмотрим, как определить цвет с помощью пипетки в Paint и Photoshop.

Определение цвета с помощью палитры в Paint:

  1. Следует открыть Paint;
  2. Загрузить нужную картинку;
  3. В верхнем меню выбрать инструмент «Палитра», после чего появится значок пипетки;
  4. Достаточно просто клацнуть мышкой в нужном месте картинки;
  5. В разделе «Цвета» отобразится нужный цвет;
    Инструмент палитра в Paint для получения кода цвета
  6. Далее следует перейти в «Изменение цветов», где в нижней правой части окна будет отображен цветовой код картинки в формате RGB.
    Посмотреть RGB код цвета в Paint

Определение цвета с помощью пипетки в Photoshop:

  1. Нужно запустить Photoshop;
  2. Загрузить нужную фотографию или картинку;
  3. Нажать на инструмент «Пипетка»;
  4. Кликнуть в нужной части изображения (если кликнуть по нужному пикселю сложно, то можно увеличить масштаб картинки до приемлемого размера);
  5. В правой части экрана будет отображен нужный цвет;
    Инструмент пипетка в Фотошоп
  6. Если кликнуть по маленькой иконке цвета, то откроется окно с детальной информацией о цвете выбранного пикселя.
    Посмотреть код цвета в Photoshop

Способ 4: InetTools

InetTools — стандартный онлайн-сервис для определения цвета по фото. Предоставляет значение как в RGB, так и HEX, что позволяет использовать полученный оттенок практически для любых целей и даже отыскать его название по коду через любой другой сайт.

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

  1. Перетащите картинку в выделенную на сайте область или нажмите по ней для выбора через «Проводник».

    Загрузка файла для определения цвета по фото через онлайн-сервис InetTools

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

    Фиксирование области для определения цвета по фото через онлайн-сервис InetTools

  3. Обратите внимание на «Сохраненное значение», которое и удалось захватить. Скопируйте результат в RGB или HEX для дальнейшего применения.

    Просмотр значений для определения цвета по фото через онлайн-сервис InetTools

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

    Выбор другого файла для определения цвета по фото через онлайн-сервис InetTools

Понравилась статья? Поделиться с друзьями:
NokiaGid.ru
Adblock
detector