- Способ 1: ImageColorPicker
- Способ 2: GetColor
- Способ 3: HTML Color Codes
- Pixie — простая утилита для распознавания оттенка на экране
- Photoshop и Paint: как узнать цвет с помощью пипетки
- Приложения для определения цвета для Google Chrome
- Inettools — инструмент для копирования цвета
- Как определить цвет пикселя на картинке онлайн
- Способ 4: InetTools
- Eye Dropper — расширение для идентификации цифрового колора
Способ 1: ImageColorPicker
Веб-сервис ImageColorPicker хорош тем, что не только отображает выбранный цвет в HEX или RGB, но и отображает общую палитру сразу после загрузки, что позволяет ориентироваться по оттенкам и использовать их в нужный момент. Чтобы определить цвет по пикселям с помощью ImageColorPicker, сделайте следующее:
Перейдите к веб-службе ImageColorPicker
- Нажмите кнопку «Использовать фото» на сайте».
- Выберите удобный вариант загрузки снимка. Вы можете вставить ссылку, сохраненный снимок в буфер обмена или сделать снимок экрана.
- Чтобы выбрать изображение в виде файла, щелкните выделенную область или перетащите ее прямо туда.
- В «Проводнике» найдите изображение и дважды щелкните по нему левой кнопкой мыши.
- Как видите, на экране отображается все изображение целиком, а под ним находится палитра используемых цветов, преобладающих на холсте.
- Наведите курсор на изображение, выберите правильный пиксель для захвата.
- После щелчка левой кнопкой мыши цвет фиксируется и отображается в блоке ниже.
- Справа вы можете увидеть значение в HEX и RGB. Скопируйте необходимые данные и используйте их в своих целях.
Способ 2: GetColor
Онлайн-сервис GetColor подходит для тех пользователей, которым помимо данных RGB необходимо узнать, какого оттенка выглядит выбранный цвет, чтобы использовать эти знания в дальнейшем. Конечно, иногда результаты будут не совсем точными, но в большинстве случаев они правдивы и полезны.
Перейти к веб-сервису GetColor
- Используйте кнопку выше, чтобы продолжить взаимодействие с инструментом. Нажмите «Открыть изображение», чтобы выбрать файл на вашем компьютере.
- Если у вас есть ссылка на изображение, вставьте его в поле ниже и нажмите «Загрузить».
- Наведите курсор на изображение и выберите интересующий оттенок. Текущая запись отображается на первой плитке.
- После щелчка левой кнопкой мыши результат сохраняется. Вы можете увидеть значение в RGB и HEX, а ниже показано, как выглядит выбранный цвет.
- Если вы нажмете на эту надпись, то попадете на другую страницу с палитрой и всеми похожими оттенками. Вы можете немного изменить его, чтобы получить другую, более точную версию.
- При необходимости сохраните ссылку на захваченный цвет, чтобы открыть и скопировать ее в любой момент.
Способ 3: HTML Color Codes
По названию онлайн-сервиса цветовых кодов HTML уже можно понять, что он подходит только в том случае, если вам нужно получить цвет по пикселям в формате HTML для дальнейшего использования для создания веб-страниц или вставки в различные формы. Процесс определения занимает всего несколько кликов и выглядит так:
Перейти к онлайн-сервису цветовых кодов HTML
- Начните взаимодействие, загрузив файл, нажав «Загрузить файл» или вставив ссылку на изображение.
- Что касается файла, найдите его через окно «Проводника» и дважды щелкните по нему ЛКМ.
- Используйте курсор и ЛКМ, чтобы выбрать соответствующий кусок пикселей, который появляется в первой плитке справа.
- На нем вы можете указать конкретный пиксель, цвет которого вы хотите захватить. Он появится во второй плитке ниже.
- Остается только скопировать HTML-код. В любой момент выберите другой фрагмент, чтобы получить соответствующий код и скопируйте его точно так же.
Pixie — простая утилита для распознавания оттенка на экране
Маленький инструмент Pixie портативный. Это означает, что после того, как вы загрузили его на свой компьютер, вам не нужно его устанавливать. Размер очень маленький — 11 килобайт. Вы можете спрятать его где-нибудь далеко в папке, чтобы он вам не мешал. И показать иконку на рабочем столе. Таким образом, вы получите практичный и простой инструмент, способ определения цвета экрана вне зависимости от того, какая программа запущена в данный момент. Это может быть браузер или даже игра.
Запустив инструмент Pixie, наведите указатель мыши на часть экрана, и вы сразу определите цвет в шести различных цветовых моделях: RGB, HEX, CMYK, HSV, pixel at, HTML. Информация отображается в небольшом окне. Вы можете скачать инструмент Pixie с сайта разработчика — http://www.nattyware.com/pixie.php. Это совершенно бесплатно и будет работать во всех версиях ОС Windows.
Читайте также: Как настроить КриптоПро ЭЦП Browser plug-in в различных браузерах
Photoshop и Paint: как узнать цвет с помощью пипетки
Предыдущие способы значительно проще, поскольку не требуют установки и запуска программ для выполнения задачи. А вот тем, кто активно работает с графикой, просто необходимо уметь обращаться с графическими редакторами. Поэтому давайте рассмотрим, как определить цвет с помощью пипетки в Paint и Photoshop.
Определите цвет с помощью палитры в Paint:
- Вы должны открыть Paint;
- Загрузите желаемое изображение;
- В верхнем меню выберите инструмент «Палитра», после чего появится значок пипетки;
- Достаточно просто кликнуть мышкой в нужном месте на картинке;
- В разделе «Цвета» отобразится нужный цвет;
- Затем перейдите в «Изменить цвета», где в правом нижнем углу окна будет отображаться цветовой код изображения в формате RGB.
Определяем цвет пипеткой в Photoshop:
- Вам нужно запустить Photoshop;
- Загрузите желаемое фото или изображение;
- Нажмите на инструмент «Пипетка»;
- Нажмите на нужную часть изображения (если сложно нажать на нужный пиксель, вы можете увеличить изображение до приемлемого размера);
- нужный цвет появится в правой части экрана;
- При нажатии на маленькую цветную иконку открывается окно с подробной информацией о цвете выбранного пикселя.
Приложения для определения цвета для Google Chrome
Для быстрого определения цвета онлайн можно использовать дополнительные расширения (плагины).
Все очень просты в использовании. Нужно:
- Установить любое расширение;
- Запустите его стандартным способом, нажав на значок расширения в правом верхнем углу экрана браузера.
Список расширений:
- ColorZilla
- Пипетка для глаз
- Пипетка ColorPick
Разумеется, подобные плагины есть не только для Google Chrome, но и для Mozilla Firefox, Opera, Яндекс браузера. Чтобы найти их, введите «Подборка цветов» в поле поиска магазина расширений в браузере».
Inettools — инструмент для копирования цвета
В Интернете есть несколько других инструментов. Возможно, они не так практичны, как уже рассмотренные. Но кому-то они тоже могут понравиться. Innettools — еще один онлайн-дроппер. Здесь вы также должны загрузить изображение, из которого вы должны выбрать цвет цифрового изображения. Когда вы попадете на главную страницу https://ru.inettools.net, вы увидите рабочее окно. Вы можете перетащить изображение в него. А скачать его можно, нажав кнопку под окном «Выбрать». После этого укажите путь образа на компьютере.
Дополнительные действия:
- Как только изображение окажется на рабочем столе Inettool, просто выберите точку на изображении указателем мыши;
- Вся информация о выбранном пикселе будет отображаться в блоке ниже под названием «Сохраненное значение». Этот цвет представлен здесь в RGB и HTML, а также в горизонтальном и вертикальном положениях;
- Блок «Текущая позиция» показывает значение курсора, который вы в данный момент перемещаете.
С помощью такого простого инструмента очень легко распознать любой цветной пиксель на фотографии или цветном изображении. Он позволяет выбирать несколько фотографий и переключаться между ними. Их список находится под столом. Онлайн-инструмент такого типа — https://imagecolorpicker.com/en. В отличие от предыдущего сервиса, здесь можно загружать изображения только с вашего компьютера или с указанного URL-адреса.
Как определить цвет пикселя на картинке онлайн
Если предыдущий способ вас не устроил, или по каким-то причинам не удалось разобраться с инструментами разработчика, возможно определить цвет пикселя на изображении онлайн с помощью сервисов.
Таких онлайн-сервисов много. Добавлю ссылки только на 3:
- https://imagecolorpicker.com/ru
- https://ru.inettools.net/image/opredelit-tsvet-piksela-na-kartinke-onlayn
- https://sanstv.ru/color#ffffff
Все очень просты в использовании. Нужно:
- откройте любой онлайн-сервис по ссылке выше;
- Загрузить изображение с компьютера;
- Нажмите на изображение, после чего будет указан точный цвет пикселя и его код в различных форматах.
Способ 4: InetTools
InetTools — это стандартный онлайн-сервис для определения цвета по изображению. Возвращает значение как в RGB, так и в HEX, что позволяет использовать полученный шейдер практически для любых целей и даже найти его имя с помощью кода на любом другом сайте.
Перейти к онлайн-сервису InetTools
- Перетащите изображение в выделенную область на сайте или нажмите на него, чтобы выбрать через «Проводник».
- Наведите курсор на область изображения и посмотрите, какое текущее значение фиксирует сайт. Если вас это устраивает, нажмите ЛКМ, чтобы сохранить.
- Обратите внимание на «Сохраненное значение», которое нам удалось зафиксировать. Скопируйте результат в формате RGB или HEX для дальнейшего использования.
- Если вы хотите продолжить сопоставление цветов с изображения, прокрутите вкладку вниз и загрузите новое изображение.
Eye Dropper — расширение для идентификации цифрового колора
Может быть, кто-то еще этого не знает, но расширения для браузера — это дополнительные инструменты. Они доступны в специализированных магазинах. Поскольку Google Chrome является одной из популярных программ для серфинга в Интернете, в магазине таких виджетов больше всего. Но нам не нужно все, только пипетка. Магазин Chrome можно найти по адресу https://chrome.google.com/webstore/category/extensions?hl=no. Чтобы найти расширение, выберите поле поиска вверху слева и введите в него его название.
Найдите расширение Eye Dropper в магазине Chrome
Это расширение является своего рода пипеткой для браузера. При этом он будет работать везде и выберет для вас любой пиксель. Затем предоставьте всю необходимую информацию о цвете. Это очень удобно, к тому же не надо ничего копировать или вставлять. Когда вы найдете расширение, нажмите кнопку «Установить» рядом с ним. В верхней части браузера Chrome появляется небольшой значок пипетки. Нажмите на нее, чтобы начать.
Дальнейшая процедура:
- Открывается контекстное меню, где в браузере нужно выбрать оттенок, для этого нужно нажать на кнопку «Выбрать цвет с сайта»;
- С помощью указателя выберите нужную область на экране, она будет немедленно скопирована. А цветной квадрат возле пипетки приобретет выбранный вами оттенок;
- Слева в информационном блоке расширения будут числовые значения в RGB, HSL, HTML и т.д. Для удаления текущего цвета нажмите на кривую под кнопкой выбора;
- Вы можете загрузить данные о цвете в формате CSV, который можно открыть в MS Excel.
В то же время небольшое расширение Eye Dropper позволяет автоматически копировать данные в выбранный цвет на экране. Есть настройка горячих клавиш для быстрого запуска в браузере, а также история всех выбранных ранее опций. Если вы пользуетесь браузером Google Chrome и вам часто приходится определять цвета разных пикселей в сети, это расширение точно для вас.