Узнать цвет пикселя на экране

Узнать цвет пикселя на экране

  • Нажмите Print Screen , затем Ctrl + V что-бы вставить скриншот.
  • Или
  • Или перетащите изображение в любую часть страницы
  • Это безопасно ! Файл не будет загружен на сервер.

Автор: Юрий Белоусов · 15.01.2019

Дизайнерам, вебмастерам, да и простым пользователям может понадобиться вычислить какого цвета тот или иной элемент на странице сайта или какой-то определенный пиксель на изображении, узнать его цветовой код в форматах RGB или HEX.

В этой статье рассмотрим, как узнать какого цвета пиксель с помощью нескольких простых, но действенных инструментов, сервисов и программ.

Определение цвета в браузере

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

Определение цвета в браузере:

  1. Следует кликнуть правой кнопкой мыши в любой части страницы сайта;
  2. Выбрать в контекстном меню пункт «Просмотреть код» («Просмотреть код элемента»). Либо можно нажать комбинации клавиш Ctrl + Shift + I или Ctrl + Shift + C , после чего откроется HTML и CSS код сайта;
  3. Необходимо в колонке с CSS кодом найти любой элемент, у которого задан цвет. Его отыскать не сложно, ориентироваться нужно по цветным квадратикам. См. скриншот ниже;
  4. Следует кликнуть по этому квадратику, после чего на том же месте откроется инструмент подбора цветовой палитры. При этом, если переместить мышку на страницу сайта, то курсор поменяет свой вид и будет выглядеть, как прицел, а рядом с ним будет круг, в котором отображены многократно увеличенные, попадающие в этот самый прицел пиксели.
  5. Достаточно навести курсор на нужный пиксель и кликнуть левой кнопкой мыши. После чего в окне с палитрой будет выбран нужный цвет. Он будет отображен в кружке. Кроме того, будет указана информация о коде цвета в HEX. Если нажать на стрелочки с правой стороны от кода цвет, то можно выбрать другую систему кодирования цвета, например, RGB, RGBA, HSV.
Читайте также:  Медленно открываются программы windows 7

Вот так вот просто можно узнать и получить код цвета пикселя на странице сайта онлайн с помощью браузера. Теперь без труда можно определить цвет какого-либо элемента интерфейса на странице сайта: фона, текста или точки на изображении.

Перемещая курсор по палитре можно изменить цвет выбранного элемента (не работает с картинками и фото).

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

Достаточно сделать следующее:

  1. Открыть браузер;
  2. Зажать файл картинки левой кнопкой мыши;
  3. Не отпуская, перенести его в окно браузера;
  4. После того, как картинка будет открыта в браузере, можно смело использоваться инструмент.

Как определить цвет пикселя на картинке онлайн

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

Подобных онлайн-сервисов огромное множество. Я добавлю ссылки лишь на 3:

Все они очень простые в использовании. Нужно:

  1. Открыть любой онлайн-сервис по ссылке выше;
  2. Загрузить картинку с компьютера;
  3. Кликнуть мышкой по картинке, после чего будет указан точный цвет пикселя и его код в различных форматах.

Photoshop и Paint: как узнать цвет с помощью пипетки

Предыдущие способы куда проще, ведь не требуют установки и запуска программ для выполнения поставленной задачи. Но для тех, кто активно работает с графикой просто необходимо уметь обращаться графическими редакторами. Поэтому рассмотрим, как определить цвет с помощью пипетки в Paint и Photoshop.

Определение цвета с помощью палитры в Paint:

  1. Следует открыть Paint;
  2. Загрузить нужную картинку;
  3. В верхнем меню выбрать инструмент «Палитра», после чего появится значок пипетки;
  4. Достаточно просто клацнуть мышкой в нужном месте картинки;
  5. В разделе «Цвета» отобразится нужный цвет;
  6. Далее следует перейти в «Изменение цветов», где в нижней правой части окна будет отображен цветовой код картинки в формате RGB.
Читайте также:  Как установить браузер интернет эксплорер бесплатно

Определение цвета с помощью пипетки в Photoshop:

  1. Нужно запустить Photoshop;
  2. Загрузить нужную фотографию или картинку;
  3. Нажать на инструмент «Пипетка»;
  4. Кликнуть в нужной части изображения (если кликнуть по нужному пикселю сложно, то можно увеличить масштаб картинки до приемлемого размера);
  5. В правой части экрана будет отображен нужный цвет;
  6. Если кликнуть по маленькой иконке цвета, то откроется окно с детальной информацией о цвете выбранного пикселя.

Приложения для определения цвета для Google Chrome

Для быстрого определения цвета онлайн можно использовать вспомогательные расширения (плагины).

Все они очень просты в использовании. Нужно:

  1. Установить любое расширение;
  2. Запустить его стандартным образом, нажав на значок расширения в верхнем правом углу экрана браузера.

Конечно же, подобные плагины есть не только для Google Chrome, но и для Mozilla Firefox, Opera, Яндекс браузера. Чтобы их найти необходимо в магазине расширений в своем браузере в поле поиска вбить «Color Picker».

Программа для определения цвета на экране

Для выполнения поставленной задачи, можно использовать программы для определения цвета на экране.

Pixie – очень простая в использовании программа, которая легко поможет определить какого цвета пиксель на экране монитора.

Не нашли ответ? Тогда воспользуйтесь формой поиска:

Pixie – это очень маленького размера утилита, не требующая установки в систему, созданная специально для вебмастеров и дизайнеров, помогает определить цвет произвольной точки на экране монитора.

Программа запускается в небольшом окне в котором размещена информация о горячих клавишах и список вариантов цветов, таких как HEX, HTML, RGB CMYK, HSV, а также две кнопки, свернуть программу в трей и закрыть. Pixie также покажет текущие координаты указателя мыши.

Пользоваться утилитой очень просто, необходимо ее запустить и навести курсор мыши на нужный элемент, в результате Pixie нам покажет цвет в нескольких форматах, о них я написал выше.

Читайте также:  Как следить кто отписался в инстаграме

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

Горячие клавиши:

CTRL + ALT + C – скопировать в буфер обмена цвет в формате HTML

CTRL +ALT + Z – Открыть инструмент лупа.

CTRL + ALT+ X – Открыть таблицу цветов (миксер)

Pixie это один из самых простых инструментов для определения цвета на экране монитора, пользуйтесь.

Ссылка на основную публикацию
Титан квест охота земля
Продолжаем проходить Нормальный уровень сложности оригинальной игры Titan Quest теперь в кооперативе. Окунаемся в атмосферу древности, эпоху героев и великих...
Телевизор lg не светится экран звук есть
У телевизора пропало изображение, а вы не знаете что делать? Тогда вы попали по адресу! Современные Smart-TV и обычные ЖК-телевизоры...
Телевизор lg показывает тускло
Если потемнел экран телевизора, пропала яркость, картинка стала тусклой или исчезла совсем, прежде всего, следует изучить инструкцию и проверить настройки...
Титан квест секретная комната
Мой канал на youtube - http://www.youtube.com/user/GGPharmacist Записи предыдущих частей — http://www.youtube.com/playlist?feature=edit_ok&list=PLjjvJi9Qjo0PjJQUgjyL4ewNXV4LB7Q28 Онлайн трансляции вы можете увидеть на канале GG!! -...
Adblock detector