- Способ 1: ImageColorPicker
- Как определить цвет пикселя на картинке онлайн
- Inettools — инструмент для копирования цвета
- Приложения для определения цвета для Google Chrome
- Определить цвет на сайте с помощью Colorzilla
- Способ 2: GetColor
- Eye Dropper — расширение для идентификации цифрового колора
- Как определить цвет на картинке онлайн с помощью Sanstv
- Способ 3: HTML Color Codes
- Как определить цвет в Фотошопе
- Pixie — простая утилита для распознавания оттенка на экране
- Photoshop и Paint: как узнать цвет с помощью пипетки
- Способ 4: InetTools
- 🌟 Видео 📽️
Способ 1: ImageColorPicker
Онлайн-сервис ImageColorPicker хорош тем, что показывает не только выбранный цвет в HEX или RGB, но и отображает общую палитру сразу после загрузки, что позволяет сориентироваться по оттенкам и использовать их в нужный момент. Для определения цвета по пикселю через ImageColorPicker выполните следующие действия:
Перейти к онлайн-сервису ImageColorPicker
- На сайте нажмите кнопку «Use Your Image».
- Выберите удобный вариант загрузки снимка. Вы можете вставить ссылку, сохраненный снимок в буфере обмена или сделать скриншот.
- Для выбора картинки как файла кликните по выделенной области или сразу перетащите его туда.
- В «Проводнике» отыщите снимок и дважды щелкните по нему левой кнопкой мыши.
- Как видно, на экране отображается полное изображение, а под ним палитра используемых цветов, которые преобладают на холсте.
- Водите курсором по картинке, выбирая подходящий пиксель для захвата.
- После клика левой кнопкой мыши цвет фиксируется и отображается в блоке ниже.
- Справа вы видите его значение в HEX и RGB. Скопируйте необходимые данные и используйте их в своих целях.
Как определить цвет пикселя на картинке онлайн
Если предыдущий способ не устраивает, или по каким-то причинам не удалось разобраться с инструментами разработчика, то есть возможность определить цвет пикселя на картинке онлайн с помощью сервисов.
Подобных онлайн-сервисов огромное множество. Я добавлю ссылки лишь на 3:
- https://imagecolorpicker.com/ru
- https://ru.inettools.net/image/opredelit-tsvet-piksela-na-kartinke-onlayn
- https://sanstv.ru/color#ffffff
Все они очень простые в использовании. Нужно:
- Открыть любой онлайн-сервис по ссылке выше;
- Загрузить картинку с компьютера;
- Кликнуть мышкой по картинке, после чего будет указан точный цвет пикселя и его код в различных форматах.
Inettools — инструмент для копирования цвета
Есть еще несколько других инструментов в интернете. Возможно, они не такие удобные, как те, что были уже рассмотрены. Но некоторым они тоже могут понравится. Inettools — это еще одна онлайн-пипетка. Здесь вам также потребуется загрузить изображение, откуда нужно выбрать цвет цифровой картинки. Попадая на главную страницу https://ru.inettools.net, вы увидите рабочее окно. В него можно перетащить изображение. А можно загрузить его, нажав на кнопку под окном «Выбрать». После этого указать на своем компьютере путь к изображению.
Дальнейшие действия:
- Когда картинка будет на рабочем столе Inettools, просто выберите курсором мыши любую точку на картинке;
- Вся информация по выбранному пикселю отобразится в блоке ниже под названием «Сохраненное значение». Здесь представлен этот цвет в RGB и HTML, а также указано положение по горизонтали и вертикали;
- В блоке «Текущее положение» отображается значение курсора, которым вы передвигаете в настоящее время.
С помощью такого нехитрого инструмента очень просто узнать любой цветовой пиксель на фотографии или цветной картинке. В нем можно выбирать несколько изображений и переключаться между ними. Их список находится под рабочим столом. Онлайн-инструментом подобного типа является https://imagecolorpicker.com/ru. В отличие от предыдущего сервиса, здесь есть возможно только загружать картинки из своего компьютера или по указанному URL.
Приложения для определения цвета для Google Chrome
Для быстрого определения цвета онлайн можно использовать вспомогательные расширения (плагины).
Все они очень просты в использовании. Нужно:
- Установить любое расширение;
- Запустить его стандартным образом, нажав на значок расширения в верхнем правом углу экрана браузера.
Список расширений:
- 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
- Воспользуйтесь кнопкой выше, чтобы перейти к взаимодействию с инструментом. Нажмите «Открыть изображение» для выбора файла на компьютере.
- Если у вас есть ссылка на картинку, вставьте ее в поле ниже и щелкните по «Загрузить».
- Наведите курсор на снимок и выберите интересующий оттенок. Текущий захватываемый отображается в первой плитке.
- После клика левой кнопкой мыши результат сохраняется. Вы видите его значение в RGB и HEX, а ниже показано, на какой цвет похож выбранный.
- Если щелкнуть по этой надписи, произойдет переход на другую страницу с палитрой и всеми схожими оттенками. Вы можете немного изменить его, чтобы получить другой, более точный вариант.
- В случае необходимости сохраните ссылку на захваченный цвет, чтобы открыть его и скопировать в любой момент.
Eye Dropper — расширение для идентификации цифрового колора
Возможно, еще кто-нибудь не знает, но расширения в браузере являются дополнительными инструментами. Они доступны в специальных магазинах. Так как Google Chrome является одним из популярных программ для серфинга в интернете, в его магазине больше всего таких мини-программ. Но нам не нужны все, а только Eye Dropper. Магазин Chrome находится на странице https://chrome.google.com/webstore/category/extensions?hl=ru. Чтобы найти расширение, выберите слева вверху строку поиска и введите в ней название.
Найдите расширение Eye Dropper в магазине Хром
Это расширение является своеобразной пипеткой для браузера. При этом она будет работать повсеместно и выбирать для вас любой пиксель. После чего предоставлять всю нужную информацию по цвету. Это очень удобно, и к тому же не нужно ничего копировать или вставлять. Когда вы найдете расширение, выберите напротив него кнопку «Установить». Вверху на панели браузера Chrome появится маленькое изображение пипетки. Чтобы начать с ней работать нажмите на неё.
Дальнейший порядок действий:
- Откроется контекстное меню, где для выбора оттенка в браузере нужно нажать кнопку «Pick color from web-page»;
- Указателем выберите нужный участок на экране, он тут же копируется. А цветовой квадратик возле пипетки примет оттенок, который вы выбрали;
- Слева в информационном блоке расширения будут числовые значение в RGB, HSL, HTML и др. Чтобы удалить текущий колор, нажмите корзинку под кнопкой выбора;
- Вы можете загрузить данные цвета в формате 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
- Начните взаимодействие с загрузки файла, для чего нажмите «Upload File» или вставьте ссылку на изображение.
- В случае с файлом отыщите его через окно «Проводника» и дважды щелкните по нему ЛКМ.
- Используйте курсор и ЛКМ, чтобы выбрать подходящий фрагмент пикселей, который отобразится в первой плитке справа.
- На ней вы можете указать конкретный пиксель, цвет которого желаете захватить. Он отобразится во второй плитке ниже.
- Осталось только скопировать код HTML. В любой момент выберите другой фрагмент, чтобы получить соответствующий код и скопировать его точно таким же образом.
Как определить цвет в Фотошопе
Цвет на картинке можно определить также с помощью 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:
- Следует открыть Paint;
- Загрузить нужную картинку;
- В верхнем меню выбрать инструмент «Палитра», после чего появится значок пипетки;
- Достаточно просто клацнуть мышкой в нужном месте картинки;
- В разделе «Цвета» отобразится нужный цвет;
- Далее следует перейти в «Изменение цветов», где в нижней правой части окна будет отображен цветовой код картинки в формате RGB.
Определение цвета с помощью пипетки в Photoshop:
- Нужно запустить Photoshop;
- Загрузить нужную фотографию или картинку;
- Нажать на инструмент «Пипетка»;
- Кликнуть в нужной части изображения (если кликнуть по нужному пикселю сложно, то можно увеличить масштаб картинки до приемлемого размера);
- В правой части экрана будет отображен нужный цвет;
- Если кликнуть по маленькой иконке цвета, то откроется окно с детальной информацией о цвете выбранного пикселя.
Способ 4: InetTools
InetTools — стандартный онлайн-сервис для определения цвета по фото. Предоставляет значение как в RGB, так и HEX, что позволяет использовать полученный оттенок практически для любых целей и даже отыскать его название по коду через любой другой сайт.
Перейти к онлайн-сервису InetTools
- Перетащите картинку в выделенную на сайте область или нажмите по ней для выбора через «Проводник».
- Наведите курсор на область изображения и посмотрите, какое текущее значение захватывает сайт. Если оно вас устраивает, сделайте клик ЛКМ для сохранения.
- Обратите внимание на «Сохраненное значение», которое и удалось захватить. Скопируйте результат в RGB или HEX для дальнейшего применения.
- Если хотите продолжить определение цвета по фотографии, прокрутите вкладку вниз и загрузите другое изображение.
