- ColorZilla
- Пипетка ColorPick
- Пипетка для глаз
- Color by Fardos
- Errorlevel
- Photoshop и paint: как узнать цвет с помощью пипетки
- Pixie — простая утилита для распознавания оттенка на экране
- Python — поиск пикселя в изображении с использованием opencv, numpy и python —
- Большая подборка лучших инструментов «пипеток» (селекторы цвета) для разработчиков
- Как определить цвет пикселя на картинке онлайн
- Определение цвета в браузере
- Определить цвета на фото онлайн
- Параметры
- Пипетка онлайн
- Приложения для определения цвета для google chrome
- Пример
- Примечания
- Программа для определения цвета на экране
ColorZilla
ColorZilla имеет множество функций. Первый — EyeDropper, который распознает любой цвет, на который вы нажмете. Это может быть что угодно на веб-странице, включая изображения в любом формате.
Как только вы это сделаете, вы заметите, что цвет значка палитры цветов изменится с черного на цвет, который вы выбрали. Щелкните значок еще раз, чтобы открыть всплывающее окно с подробностями шестнадцатеричного кода. Любите этот инструмент? У него есть сочетания клавиш.
Присмотритесь к программному обеспечению, и вы увидите историю цветов, в которой все цвета, которые вам нравятся, будут сохранены для вас. Просто нажмите на цвет, чтобы снова просмотреть детали. Слева вы можете поэкспериментировать с оттенками, чтобы еще точнее настроить свой цветовой оттенок.
Получить ColorZilla
Совет профессионала: Если вы не можете получить правильный цвет из пикселя, нажмите Ctrl и значок для увеличения, а затем используйте палитру цветов, чтобы выбрать правильный пиксель. Нажмите Ctrl 0, чтобы вернуться к уровню масштабирования 100% по умолчанию.
Пипетка ColorPick
ColorPick Eyedropper — это простейшее расширение Chrome для определения цвета в Интернете. Откройте расширение и наведите указатель мыши на интересующий вас цвет. Расширение распознает и отобразит шестнадцатеричный код цвета в реальном времени.
Когда вы нажимаете на пиксель цвета, расширение отображает всплывающее окно рядом с ним с шестнадцатеричным цветовым кодом. Вы можете скопировать и вставить его сейчас.
Довольно простой и лишенный каких-либо дополнительных функций, которые мы видели ранее в ColorZilla. Если вас не устраивает использование расширения на панели инструментов, вы можете открыть его во всплывающем окне. Может помочь на определенных сайтах.
Получите пипетку ColorPick
Пипетка для глаз
Eye Dropper — еще одно расширение Chrome для определения и выбора цветов в Интернете. Откройте расширение, нажмите «Выбрать цвет из Интернета» и просто выберите пиксель. Как только вы это сделаете, расширение отобразит шестнадцатеричный цветовой код, который вы сможете скопировать.
Каждый цвет, который вы определили, будет аккуратно сохранен в столбце истории. Так что вы можете вернуться к нему позже. Другой вариант — вкладка «Палитра цветов», где вы можете манипулировать палитрой, чтобы найти или точно настроить оттенок, который вы хотите выбрать.
Как и другие расширения в списке, Eye Dropper можно загрузить и использовать бесплатно.
Получить пипетку
Color by Fardos
Одно из наиболее усовершенствованных расширений Chrome, которое мне нравится, — это Colors от Fardos, потому что оно хорошо продумано. Внизу есть четыре варианта, первая из которых — пипетка. Выберите его и щелкните любой пиксель на веб-странице, чтобы определить его цвет.
Вы можете улучшить его, перейдя в градиенты. Есть палитра цветов, где вы можете перемещаться по палитре, пока что-то не бросается в глаза.
Наконец, есть вкладка поиска, где вы можете ввести шестнадцатеричный цветовой код и просмотреть его в действии.
Получите Color by Fardos
Интересный факт: Знаете ли вы, что красный цвет — это первый цвет, который видит ребенок? Может быть, это потому, что это цвет крови, который является частью этого инстинкта выживания? Нет, шучу. Это потому, что у красного самая длинная длина волны.
Errorlevel
ErrorLevel устанавливается в 0, если цвет в заданной области был найден; 1 — если не был найден; 2 — если возникла проблема,
препятствующая проведению поиска.
Photoshop и paint: как узнать цвет с помощью пипетки
Предыдущие способы куда проще, ведь не требуют установки и запуска программ для выполнения поставленной задачи. Но для тех, кто активно работает с графикой просто необходимо уметь обращаться графическими редакторами. Поэтому рассмотрим, как определить цвет с помощью пипетки в Paint и Photoshop.
Определение цвета с помощью палитры в Paint:
- Следует открыть Paint;
- Загрузить нужную картинку;
- В верхнем меню выбрать инструмент «Палитра», после чего появится значок пипетки;
- Достаточно просто клацнуть мышкой в нужном месте картинки;
- В разделе «Цвета» отобразится нужный цвет;

- Далее следует перейти в «Изменение цветов», где в нижней правой части окна будет отображен цветовой код картинки в формате RGB.

Определение цвета с помощью пипетки в Photoshop:
- Нужно запустить Photoshop;
- Загрузить нужную фотографию или картинку;
- Нажать на инструмент «Пипетка»;
- Кликнуть в нужной части изображения (если кликнуть по нужному пикселю сложно, то можно увеличить масштаб картинки до приемлемого размера);
- В правой части экрана будет отображен нужный цвет;

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

Pixie — простая утилита для распознавания оттенка на экране
Небольшая утилита Pixie является портативной. Это значит, что после её загрузки на свой компьютер вам не придется её устанавливать. Размер её весьма мал — 11 килобайт. Вы можете упрятать её куда-нибудь подальше в папку, чтобы она не мешала.
Python — поиск пикселя в изображении с использованием opencv, numpy и python —
Большая подборка лучших инструментов «пипеток» (селекторы цвета) для разработчиков

Наверняка веб-дизайнерам и художникам-графикам приходилось встречать в сети на различные цвета или изображения, которые им хотелось бы применить в своих собственных проектах. Запомнить каждую цветовую вариацию невозможно, и в этом им призван помочь инструмент «пипетка», без которого не обходится не один дизайнер!
С его помощью вы просто кликаете в любом месте на экране, если хотите скопировать тот или иной цвет для своих собственных нужд, в том числе для создания палитр и цветовых схем.

В этой связи мы хотим рассказать о 25 полезных инструментах для Windows, Mac, Firefox, Chrome, iPhone и Android.
Теперь вам не придется запоминать цвет: просто «хватайте» его и приступайте к работе!
Содержание:
Приложения для Windows
Instant Eyedropper
Instant Eyedropper — бесплатный инструмент, который помогает находить на вашем экране цветовые коды HTML любого пикселя. Одним кликом код будет скопирован в буфер обмена, после чего его можно вставить в нужное место.

Eye Dropper 3.01
Простой в использовании инструмент, который прикрепляет к курсору экранную лупу. Воспользовавшись ею, вы можете увеличить определенный пиксель на экране. Eye Dropper 3.01 показывает RGB, CMYK и HEX значения цвета.

Eyedropper 4.0 beta
Помимо нахождения цветового значения любого пикселя на вашем экране, Eyedropper позволяет измерять расстояние между пикселями. С этой целью можно использовать зум, чтобы вычисления были предельно точными. Значение цвета автоматически сохраняется в буфере обмена. Среди доступных форматов – HEX, RGB и CMYK.

ColorPic
Данный инструмент прекрасно подойдет для мониторов с высоким разрешением. Он включает в себя экранную лупу, благодаря которой вы можете более детально изучить интересующий вас цвет. В палитрах может быть сохранено до 16 цветов. Также в вашем распоряжении окажутся 4 усовершенствованных цветовых микшера, значительно расширяющих ваши возможности. Здесь, более того, есть много обновленных функциональных возможностей, таких как смешение и выравнивание цветов, просмотр безопасной версии каждого из цветов, а также область увеличения изменяемого размера.

Quick HTML Color Picker
Quick HTML Color Picker – это бесплатный инструмент для получения цвета на любом экране с возможностью предварительного просмотра перед окончательным выбором. Цвет будет представлен в форматах RGB и HTML и скопирован в буфер обмена.
ColorPix
ColorPix выбирает цвета на вашем экране и показывает их в форматах RGB, HEX, HSB и CMYK. Здесь есть встроенная экранная лупа, позволяющая осуществлять более детальный и тщательный просмотр. Значения автоматически копируются в буфер обмена.

Just Color Picker
Just Color Picker – это не просто среднестатистический инструмент для «захвата» цвета, — показывает цвета в HTML, RGB, HSB/HSV и HSL форматах. Just Color Picker использует экранную лупу с тремя опциями, цветовые гаммы RGB и RYB для демонстрации триад и дополнительных цветов, поиск сочетающихся цветов, конверсии цветовых кодов и многое другое!

GetColor!
Это очень простой селектор цвета, представляющий цвета в форматах RGB, HEX, HTML и WinAPI. Вы можете скопировать один из них или все в буфер обмена. Инструмент можно минимизировать до панели оповещения.
Color Cop
Color Cop, возможно, и небольшой инструмент, но он может похвастаться богатством доступных опций. Вы можете использовать «пипетку» для того, чтобы «взять» цвет в любом месте экрана, и использовать экранную лупу для увеличения. Цвета доступны в таких форматах, как HTML hex, Delphi hex, Powerbuilder, Visual Basic, Clarion, Visual C , RGB float и RGB int. Вы можете сохранить в истории до семи цветов, найти дополнительные и «безопасные» (web-safe) цвета, расположить приложение в области пиктограмм панели задач и многое другое.
ColorMania
ColorMania позволяет выбирать цвет в любой точке экрана. Здесь также есть лупа для более тщательного выбора. Цвета могут быть показаны в RGB, HSV, HSL и CMYK значениях. Плюс к этому, вы можете сохранить в палитре до шести цветов.
Аддоны для Firefox
PixelZoomer
PixelZoomer – прекрасный аддон для «захвата» цветов и перевода их в HEX код. От подобных инструментов он отличается тем, что представляет веб-страницу в виде скриншота и приближает пиксели с помощью нового элемента CSS.
ColorZilla
ColorZilla от обычного инструмента «пипетки» отличается только тем, что находится в вашем браузере. С этим аддоном для Firefox пользователи могут получить цвет любого пикселя прямо в своем браузере. Встроенная палитра позволяет выбирать цвета из определенных цветовых наборов и сохранять наиболее часто используемые в пользовательской палитре.
Rainbow Color Tools
Rainbow Color Tools включает такие элементы, как распознаватель, который извлекает из текущей веб-страницы изображения и CSS; захватчик, который собирает цвета в RGB и HSV значениях; программа контроля, которая получает цвет любого пикселя в браузере; и, наконец, библиотека, которая сортирует сохраненные цвета по тэгам или url страницы, на котором был найден цвет.
Rainbowpicker
Это один из наиболее продвинутых инструментов от Nvu для Firefox. Он достаточно незатейлив в использовании: вы просто кликаете и получаете цвет. Цвета представлены по названиям и в HEX формате. С помощью Rainbowpicker можно изменить оттенок, насыщенность и яркость, что, в свою очередь, позволяет создавать множество цветовых вариаций.
Приложения для Mac
ColourMod Color Picker
Уникальность ColourMod состоит в том, что он доступен в пяти различных версиях: Konfabulator, ColorMod V1.9, ColourMod V2.2, Unbranded и Personalized. Каждая версия разработана таким образом, чтобы соответствовать вашим потребностям. Konfabulator – это версия для настольного компьютера, доступна для Mac и Windows. ColorMod V1.9 является виджетом для панели наблюдения Mac. ColourMod V2.2 – плагин для веб-приложений. Unbranded удаляет брендинг ColourMod, а Personalized позволяет добавлять в приложение свой собственный логотип.
DigitalColor Meter
DigitalColor Meter – инструмент для Mac OS X. Если вы проведете мышкой по экрану, он покажет цветовое значение любого пикселя. Вы можете задать формат, в котором будет показан цвет (RGB, YUV или CIE).

ColorSnapper
Незамысловатое и очень полезное приложение. Само о себе оно говорит так: «инструмент для получения цвета, которого так не хватало Mac». Оно располагается в главном меню до тех пор, пока вы не вызовете его горячей клавишей. ColorSnapper для большей точности в выборе использует экранную лупу. Заданный цвет автоматически копируется в буфер обмена, и впоследствии им можно воспользоваться повторно. Более того, в вашем распоряжении окажется около 13 различных форматов.
Hex Color Picker
Hex Color Picker добавляет дополнительную вкладку в общесистемную цветовую панель, и вы сразу же можете видеть hex код любого цвета. Также у вас есть возможность изменять цвет, используя набор сокращений, и пользоваться опцией предварительного просмотра.
RCWebColorPicker
Очень простой инструмент, показывающий RGB и HEX значения. При желании вы можете внести ограничения таким образом, чтобы ползунок показывал только безопасные цвета. Данный инструмент задействован в цветовой панели большинства приложений Cocoa и Carbon.
Pipette
Все предельно просто и понятно: Pipette дает вам возможность взять любой цвет и скопировать его в HEX формате. Приложение не займет много места на вашем устройстве, и при его использовании у вас не должно возникнуть никаких сложностей.

Расширения для Chrome
colorPicker
Применив colorPicker, вы можете «хватать» цвета с любой веб-страницы, сохранять и копировать их в буфер обмена. Цвета представлены в следующих значениях: HSB, RGB и CMYK. Веб-разработчики найдут здесь для себя много дополнительных функций, среди которых возможность проверить совместимость с WCAG 2, настройки в области «пипетки» и наличие DOM-Explorer для быстрого поиска элементов и тэгов на странице.
Rulers, Guides, Eye Dropper & Color Picker
Данное расширение не только позволяет выбирать цвета на любой веб-странице, но и расположить на ней линейки, указатели и шкалу. Rulers, Guides, Eye Dropper & Color Picker располагает широким спектром опция для линеек, указателей и шкал, но селектор цвета и сам по себе работает отлично.
Eye Dropper
Eye Dropper — отличное расширение с усовершенствованным селектором цвета, предоставляющее HSV, RGB и HEX полученного цвета. Цвета хранятся в вашей истории, чтобы вы могли позднее при надобности ими воспользоваться или скопировать в буфер обмена.
Color Pick
Color Pick представляет собой невероятно простой инструмент «пипетку» со встроенной экранной лупой. Расширение будет хранить заданный вами цвет до тех пор, пока вы не выберете новый. Цвета представлены в форматах RGB, HSL и HEX.

Приложения для iPhone
Loupe
Если вы разработчик и у вас есть iPhone, то Loupe поможет вам найти вдохновение, где бы вы ни были. С его помощью вы можете брать цвета из фотографий в вашей галерее или из только что сделанных снимков. Затем вы можете создавать цветовые ячейки, сохранять цветовые значения и добавлять заметки, которые помогут не забыть важные детали.

Cliqcliq Colors
Этот селектор цвета хорошо подойдет для создания и последующей работы с палитрами на iPhone. Он конвертирует форматы в рамках RGB, HSB и CMYK. Вы можете брать цвета из своей фотокамеры, фото галереи или Flickr. Палитрами можно делиться посредством электронной почты, и, кроме того, они совместимы с Adobe Illustrator, Adobe Photoshop и Microsoft Word.
Приложения для Android
Magic Color Picker
Этот функциональный инструмент для выбора цвета незаменим для дизайнеров, программистов и художников. Он поддерживает 7 различных режимов с цветовыми моделями RGB, HSV, HSL и YUV. Вы можете использовать как палитру, так и ползунок. Цвета представлены в decimal и HEX.
LifeDropper
LifeDropper – приложение для Android, которое может назвать цвета реальных объектов, используя камеру на вашем устройстве. Цвета показаны в значениях RGB, CMYK и HEX.

На этом всё!
Какая из 25 представленных в нашей статье «пипеток» вам понравилась больше остальных? Возможно, вы пользуетесь инструментом, который не вошел в наш список? Если так, расскажите о нем нам!
Как определить цвет пикселя на картинке онлайн
Если предыдущий способ не устраивает, или по каким-то причинам не удалось разобраться с инструментами разработчика, то есть возможность определить цвет пикселя на картинке онлайн с помощью сервисов.
Подобных онлайн-сервисов огромное множество. Я добавлю ссылки лишь на 3:
Все они очень простые в использовании. Нужно:
- Открыть любой онлайн-сервис по ссылке выше;
- Загрузить картинку с компьютера;
- Кликнуть мышкой по картинке, после чего будет указан точный цвет пикселя и его код в различных форматах.

Определение цвета в браузере
Если объект, цветовую схему которого вы хотите знать, расположен в интернете, а не на локальном компьютере, то самый простой и быстрый способ узнать, какого цвета пиксель – воспользоваться встроенным в браузер инструментом для разработчиков.
Определение цвета в браузере:
- Следует кликнуть правой кнопкой мыши в любой части страницы сайта;
- Выбрать в контекстном меню пункт «Просмотреть код» («Просмотреть код элемента»). Либо можно нажать комбинации клавиш Ctrl Shift I или Ctrl Shift C, после чего откроется HTML и CSS код сайта;

- Необходимо в колонке с CSS кодом найти любой элемент, у которого задан цвет. Его отыскать не сложно, ориентироваться нужно по цветным квадратикам. См. скриншот ниже;

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

- Достаточно навести курсор на нужный пиксель и кликнуть левой кнопкой мыши. После чего в окне с палитрой будет выбран нужный цвет. Он будет отображен в кружке. Кроме того, будет указана информация о коде цвета в HEX. Если нажать на стрелочки с правой стороны от кода цвет, то можно выбрать другую систему кодирования цвета, например, RGB, RGBA, HSV.

Вот так вот просто можно узнать и получить код цвета пикселя на странице сайта онлайн с помощью браузера. Теперь без труда можно определить цвет какого-либо элемента интерфейса на странице сайта: фона, текста или точки на изображении.
Перемещая курсор по палитре можно изменить цвет выбранного элемента (не работает с картинками и фото).
Если есть необходимость определить цвет пикселя на картинке, расположенной на компьютере, то и в этом случае можно воспользоваться данным инструментом.
Достаточно сделать следующее:
- Открыть браузер;
- Зажать файл картинки левой кнопкой мыши;
- Не отпуская, перенести его в окно браузера;
- После того, как картинка будет открыта в браузере, можно смело использоваться инструмент.
Определить цвета на фото онлайн
Чем меньше размер кисти, тем точнее будут определены цвета. Кисть размером в один пиксель идеально подходит для картинок, где цветов немного (флаги, логотипы, клипарт и т. п.). Там цвет будет определён стопроцентно точно.
Если вам нужно определить цвета на пейзажном фото, на живописном полотне, надо брать кисть большего размера. Десятки тысяч, порой миллионы, оттенков такого изображения следует определять не точно, а создавая довольно обобщённую, но прекрасно передающую оригинал, палитру.
Параметры
| OutputVarX, OutputVarY | Имена переменных, в которые помещаются координаты X и Y первого найденного пикселя, отвечающего идентификатору Любой из этих параметров (или оба) можно оставить пустым, в случае, когда используется ErrorLevel (см. ниже) |
| X1, Y1 | Координаты X и Y верхнего левого угла прямоугольной области поиска, могут быть выражениями. Координаты отсчитываются относительно активного окна, если только это не изменено командой CoordMode. |
| X2, Y2 | Координаты X и Y правого нижнего угла прямоугольной области поиска, могут быть выражениями. Координаты отсчитываются относительно активного окна, если только это не изменено командой CoordMode. |
| ColorID | Идентификатор цвета в десятичном или шестнадцатеричном формате Синий-Зелёный-Красный (BGR), может быть выражением. Color ID можно определить, используя приложение Window Spy (доступно из меню в области уведомлений) или через команду PixelGetColor. Например: 0x9d6346 |
| Variation | Число от 0 до 255 включительно. Указывает допустимое отклонение от заданного цвета (диапазон оттенков) |
| Fast|RGB | Fast: Используется более быстрый метод. Быстрый режим лучше работает с 24 и 32-битными цветами. RGB: Значение параметра ColorID будет восприниматься в формате RGB вместо BGR. Другими словами, Если присутствуют оба слова- разделяйте их пробелом: Fast RGB. |
Пипетка онлайн
Инструмент «Пипетка онлайн» получает цвет пикселя из растрового изображения.
Для этого нужно:
- подгрузить ваше изображение.
- выбрать тип кода (HEX или RGB).
- кликнуть на нужный пиксель картинки.
В результате код цвета в выбранном формате запомнится в буфер.
При наведении курсора мыши на любой пиксель, выведется увеличенный кусок изображения данной области, а так же HEX-код и RGB-код пикселя, на который наведен курсор мыши.
Так же для удобства можно увеличить масштаб исходного изображения, что бы было проще попасть курсором мыши на нужный пиксель изображения.
Приложения для определения цвета для google chrome
Для быстрого определения цвета онлайн можно использовать вспомогательные расширения (плагины).
Все они очень просты в использовании. Нужно:
- Установить любое расширение;
- Запустить его стандартным образом, нажав на значок расширения в верхнем правом углу экрана браузера.
Список расширений:
Конечно же, подобные плагины есть не только для Google Chrome, но и для Mozilla Firefox, Opera, Яндекс браузера. Чтобы их найти необходимо в магазине расширений в своем браузере в поле поиска вбить «Color Picker».
Пример
PixelSearch, Px, Py, 200, 200, 300, 300, 0x9d6346, 3, Fast
if ErrorLevel
MsgBox, Требуемый цвет в заданных границах не найден.
else
MsgBox, Цвет, отвечающий требованиям, обнаружен в координатах X%Px% Y%Py%.
Примечания
Участок поиска должен быть видим; иначе говоря, невозможно провести поиск в части окна, перекрытой другим окном.
Напротив, пиксели под курсором мыши обычно определяются. Исключение – игровые курсоры, в большинстве случаев скрывающие пиксели под собой.
Только для медленного режима: По умолчанию поиск начинается с левого верхнего пикселя вниз. Если соответствий не найдено,
поиск продолжается в следующей, правой колонке, и т.д. Направление поиска изменится, если поменять местами
координаты X1 и X2 в списке параметров.
Так же, если Y1 больше, чем Y2, поиск в каждом столбце пикселей будет начат снизу, а не сверху.
Если область поиска большая и поиск повторяется с большой частотой- может потребляться много времени ЦП.
Для повышения быстродействия старайтесь минимизировать область поиска.
Программа для определения цвета на экране
Для выполнения поставленной задачи, можно использовать программы для определения цвета на экране.
Pixie – очень простая в использовании программа, которая легко поможет определить какого цвета пиксель на экране монитора.


