Как узнать цвет пикселя на экране монитора или картинке

Такой вопрос наверняка ни раз возникал у веб-дизайнера, разработчика или простого пользователя компьютера. Часто возникает необходимость подобрать цвет используемый на каком-либо объекте, например сайте или просто точки на экране монитора.

Такой вопрос наверняка ни раз возникал у веб-дизайнера, разработчика или простого пользователя компьютера. Часто возникает необходимость подобрать цвет используемый на каком-либо объекте, например сайте или просто точки на экране монитора.

Существуют несколько основных способов представления цветов, например когда каждый цвет или оттенок, обозначается HTML кодом и цветовой палитрой RGB в виде #FF7700. Это представление в виде трёх пар шестнадцатеричных цифр, в которых каждая пара отвечает за свой цвет:
первые две цифры — красный цвет, т.е. — R (red) 
две в середине — зелёный — G (green)
последние две цифры — синий — B (blue)
Довольно часто используют крадкое представление цвета в виде трех символов #F70, что будет равносильно #FF7700.

Кстати, на веб-ресурсах цвета обычно указываются в стилях CSS.

Давайте перейдем к ответу на главный вопрос — Как узнать цвет пикселя на экране монитора или картинке?

Способов большое множество...

Способ 1. Узнаем цвет в photoshop

Итак, сделаем "снимок экрана" нажатием на клавиатуре клавиши — Print Screen (PrtSc), в том месте, где хотим узнать код нашего цвета. Во время нажатия клавиши  система сохранит снимок в буфере обмена. Можно просто скопировать изображение, например из браузера, без PrtSc. Теперь остается только вставить изображение из буфера в фотошоп.

Открываем фотошоп и вставляем изображение (Файл — Создать, Редактирование — Вставить). Ищем на панели инструментов "Пипетка" (Клавиша I), далее щелкаем левой кнопкой мыши в ту область, в котрой хотим "снять" цвет. Все готово! Теперь остается перейти в палитру и узнать код цвета.

Способ 2. Узнаем цвет в Paint

Заходим в Paint — вставляем картинку — используем инструмент "палитра" — переходим в "изменение цветов":

В нашем случае красный — 252, зеленый — 168, синий — 10, т.е. RGB(252,168,10) или в HEX формате #FCA80A.

Способ 3. Просмотреть код элемента в браузере

Опишу способ для браузера Opera. Выделяем мышкой элемент на сайте и щелкаем по нему правой кнопкой мыши — "Просмотреть код элемента" (Ctrl + Shift + C). Откроется панель с html и css кодом, нужно будет найти что-то подобное "color".

 

Способ 4. Использование специальных средств или программ.

Существует большое количество специальных программ для снятия цвета, мне нравится очень простая прога под названием "Pixie" с весом около 10-11 Кб. Управление очень простое. Достаточно просто навести мышь в нужную точку на экране монитора и нажать следующие клавиши — Ctrl + Alt + C, в результате чего цветовой код скопируется в буфер обмена.

Комментариев — 0
Войдите на сайт, чтобы писать комментарии от своего имени.
  • Популярное
  • Коментарии
Sony Vegas Pro 13. Сохраняем видео без потери качества
09 июля 2016 года в 13:36 | Культура, искусство, кино
Статья о том, как сохранять видео без потери качества в видео редакторе Sony Vegas Pro 13 ...
Как добавить сайт AMUR.PRO в закладки
25 сентября 2016 года в 10:28 | Компьютеры
Бывает такое, что мы натыкаемся на интересный сайт в Интернете и хотим посещать его снова и снова, в...
Инструкция по установке и настройке Sublime Text 3
14 декабря 2015 года в 21:15 | Интернет
В этой инструкции я опишу установку Sublime Text 3, настройку, установку различных плагинов и многое...
Показать еще статьи
Sony Vegas Pro 13. Сохраняем видео без потери качества
16 февраля в 01:48 | Аноним 43
«Спасибо, Автору ...»
Как устранить проблемы с подключением, связанные с HDMI
15 февраля в 16:42 | Аноним 42
« Philips 37PFL7603D/10 с цифровой приставкой Humax 9000i и АВ Ресивером Denon avr x2400h акустика стерео 2.0Подключение по hdmi c приставки на ресивер, а с ресивера на тв, сигнал на тв в этом случаи н...»
Расширение Google Chrome заблокировано администратором. Взлом гугл хрома
10 февраля в 19:17 | Аноним 41
«винда-10, нет такого в реестре. ...»
Как устранить проблемы с подключением, связанные с HDMI
26 января в 22:13 | Аноним 40
«Спасибо! ...»
Расширение Google Chrome заблокировано администратором. Взлом гугл хрома
23 января в 20:59 | Аноним 39
«да у меня тоже так вышло ...»
Расширение Google Chrome заблокировано администратором. Взлом гугл хрома
19 января в 10:38 | Аноним 38
«У Вас доменная машина или домашний ПК? Попробуйте поменять под учетной записью администратора ...»
Расширение Google Chrome заблокировано администратором. Взлом гугл хрома
16 января в 13:26 | Аноним 37
«в реестре есть похожая ветка, но значение поменять не возможно ...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
29 декабря 2017 года в 05:51 | Аноним 36
«автору спасибо! ...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
26 декабря 2017 года в 22:22 | Аноним 35
«Вот если я соединяю множество видио то для кокого я буду нажимать Совпадающие настройки мультимедиа для видео ...»