Добавить пост

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

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

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

Существуют несколько основных способов представления цветов, например когда каждый цвет или оттенок, обозначается 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, в результате чего цветовой код скопируется в буфер обмена.

Коментарии

Как удалить Kaspersky Endpoint Security 11, если забыл пароль?#Аноним 197Сегодня в 00:33

Большое спасибо!

Настройка Cura для 3d печати на Anycubic i3 Mega#Аноним 19629 мая в 18:00

выдвинуть его

Movavi Video Editor 14 Plus. Как сохранить видео без потери качества#Аноним 19527 мая в 00:48

#Аноним 193, Как ускорить копирование при видео сохранить. Видео на 1час,а скачиваедся 6или7 часованалогично

Sony Vegas Pro 13. Сохраняем видео без потери качества#Аноним 19419 мая в 16:54

#Аноним 183, Спасибо, наконец-то конвертируется по нормальному. Пусть 24-минутный ролик и весит 3.45 ГБ, но учитывая что у ролика Full HD качество (1920x1080) и частота 60 кадров/секунду - это балдёж. Впрочем с жёстким диском на 2 ТБ вообще пофиг:)у меня винт на 3Г.... уже места не хватает... так что нужно задуматься...

Movavi Video Editor 14 Plus. Как сохранить видео без потери качества#Аноним 19310 мая в 01:47

Как ускорить копирование при видео сохранить. Видео на 1час,а скачиваедся 6или7 часов

Импорт большого дампа БД в OpenServer через консоль#Аноним 19129 апреля в 07:41

От души!! Спасибо, а то начал уже мудрить с увеличением лимитов в конфиг файлах, но по таймауту всё равно вылетало... через консоль всё чётко, респект за пост!!!

Как открывать документы Excel 2007 и 2010 в разных окнах?#Аноним 18920 апреля в 20:00

Спасибо! Всё получилось. Работает.

Movavi Video Editor 14 Plus. Как сохранить видео без потери качества#Аноним 18811 апреля в 14:07

как теперь отправить на телефон,то что я сохранила на компьютере?

Как отключить автоматический переход на летнее время Windows 7#Аноним 18707 апреля в 21:04

спасибо автору, через реестр помогло!

Sony Vegas Pro 13. Сохраняем видео без потери качества#Аноним 18329 марта в 16:46

Спасибо, наконец-то конвертируется по нормальному. Пусть 24-минутный ролик и весит 3.45 ГБ, но учитывая что у ролика Full HD качество (1920x1080) и частота 60 кадров/секунду - это балдёж. Впрочем с жёстким диском на 2 ТБ вообще пофиг:)