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

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

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

Существуют несколько основных способов представления цветов, например когда каждый цвет или оттенок, обозначается 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, настройку, установку различных плагинов и многое...
Показать еще статьи
Импорт большого дампа БД в OpenServer через консоль
18 сентября в 02:11 | Аноним 29
«Годнота! ...»
Компьютер не видит жесткий диск - причины - решения.
13 сентября в 09:30 | Админ
« Возможно поможет эта статья: https://amur.pro/blog/kak_ispravit_oshibku_dispetcher_virtualnih_diskov_128/ ...»
Компьютер не видит жесткий диск - причины - решения.
09 сентября в 17:02 | Аноним 28
«Пишут: Ошибка службы виртуальных дисков: Диск подключен к сети. Диск остается недопустимым. ...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
01 августа в 17:29 | Аноним 27
«Ужасное качество видео на выходе. ...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
27 июня в 15:18 | Аноним 26
«А какой редактор посоветуете, если не Вегас? ...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
22 июня в 22:44 | Аноним 25
«Качество помойка, вегас не умеет оставлять в hd , там идет какая то сраная перекодировка и он её превращает в говно ...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
14 июня в 15:14 | Аноним 24
«После рендера черные полосы в проигрывателе появились :( ...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
16 мая в 05:07 | Аноним 23
«Зачем количество слоёв 8 поставил ? двух вроде достаточно лучше 1. А вт количество кадров сверки , опорных кадров можно и 8 поставить, это вроде и есть рифреймс...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
12 мая в 05:28 | Аноним 22
«спасибо! ...»
Sony Vegas Pro 13. Сохраняем видео без потери качества
03 мая в 02:14 | Аноним 21
«Такой способ, цвета искажает. ...»