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

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

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

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

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

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

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

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

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

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

Поиск цвета по названию

Если HTML-цвета обозначаются в виде кода, то оттенки, используемые в дизайне интерьеров, применяемые для колеровки лакокрасочных-материалов, наделяются обычными наименованиями, состоящими из 1-2 слов. Сервис Get Color поможет быстро и просто перевести их в нужную кодировку для дальнейшего переноса на экраны и в графические редакторы. Воспользуйтесь специальной строкой поиска, куда вводятся общеупотребляемые названия цветов. За доли секунды сервис подберет оттенок и предоставит его HEX-обозначение.

Colourlovers покажет HEXкод любой фотографии

Это инструмент для определения HEX-кода по фото онлайн. Здесь вы сможете сделать палитру из своего фото, или взяв любое изображение на Flickr. Чтобы поработать с ним, отправляйтесь сюда colourlovers.com/palettes/add.

Интерфейс Colourlovers

Color Palette Generator генерация палитры онлайн

Сервис по этой ссылке degraeve.com/color-palette автоматически сгенерирует палитру из основных цветов предложенной вами иллюстрации.

Как с ним работать для определения цвета по фотографии:

  1. Просто вставьте URL понравившейся иллюстрации в поле для ввода. Опции «Загрузить со своего компьютера» тут не предусмотрено.
  2. Нажмите на кнопку Color-Palette-ify!
    Кнопка для генерации палитры
  3. Скопируйте коды нужных цветов или сделайте скриншот страницы. Сохраните результат. После этого можно будет подгружать его в графический редактор и забирать цвет пипеткой.

У того же разработчика есть также такая программа как ColorHunter. Она позволяет очень легко и быстро подбирать красивые коллекции оттенков на основе фотографий. Найти ее можно тут colorhunter.com.

Интерфейс ColourHunter

Цвет будет подобран по HEX-коду. Программа поддерживает API для загрузки изображений с Flickr.

Еще один интересный проект от того же создателя – Logo Maker logoshi.com.

Сервис Logoshi

Сервис Logoshi позволяет наглядно увидеть, как заданные пользователем цвета смотрятся при дизайне логотипов. Если кликнуть на кнопку Edit, можно настроить получившийся результат по своему вкусу.

ColorGrab приложение для идентификации цвета по фото

Для владельцев смартфонов на базе Андроид существует приложение Color Grab.

Как с ним работать, чтобы определить цвет по фотографии в режиме онлайн:

  1. Запустите программу. Наведите фотокамеру на нужный объект.
  2. Приложение немедленно выведет информацию об обнаруженном цвете: координаты HSV, RGB, название. Сохраните его в библиотеке.
  3. После этого цвет можно экспортировать в графический редактор, разослать в виде текстового файла по почте или в соцсетях, отправить в Dropbox, поставить на рабочий стол.

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

Коллекция цветов в Colorgrab

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

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

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

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

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

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

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

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

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

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