Определить цвет пиксела на картинке онлайн. Определение цвета на экране монитора Программа реагирующая на изменение цвета пикселя

Работая с CSS и версткой страниц приходится достаточно часто работать с цветами и очень часто возникает необходимость в определении кода цвета/оттенка на заданном участке какого-либо изображения. Для этого существует специальная программа, которая называется ColorMania . Ее можно скачать с этого сайта http://www.blacksunsoftware.com/colormania.html . После запуска она выглядит следующим образом.

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

Можно выбрать вид отображения цвета, например: в шестнадцатеричном виде, в виде RGB или в другом виде. Для изменения вида отображения нажимаем на выпадающей список и в списке выбираем тот вид отображения, который Вам нужен.

После того как Вы выбрали цвет, можете, нажав на кнопку «Copy» , скопировать код цвета в буфер обмена или же выделить его мышью и воспользоваться комбинацией клавиш «ctrl + C» .

Есть возможность выбора рандомного (случайного) цвета воспользовавшись кнопкой «Random» .

Так же можно вызвать стандартное диалоговое окно выбора цвета, нажав на кнопку «Dialog» , что предоставит возможность выбора цвета из основных цветов.

В стандартном диалоговом окне есть возможность открыть расширенное диалоговое окно выбора цвета, нажав на кнопку «Определить цвет» и затем на спектре, где указателем является перекрестие, выбрать нужный цвет и нажать «ОК» .

После чего отобразится выбранный Вами цвет и его код.

Предоставляется и возможность выбора цвета по названию, нажав на выпадающей список с «HTML Color» .

И последнее, что можно упомянуть это то, что для более точного определения цвета можно воспользоваться опцией увеличения, находящейся под пипеткой, области экрана. Нажимаем на выпадающий список и меняем значение «Zoom» , т.е. выбираем то увеличение, с которым удобней работать.

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

HTMLColors2000 это специальная программа для определения цвета, она поможет распознать любой цветовой оттенок, который увидит на экране вашего монитора. После того, как эта программа определит цвет, она представляет данные о нем в двух форматах RGB (красный зеленый голубой), и HTML (код состоящий из шести цифр).

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

Вот мои аргументы в пользу этой программы:

1) Очень мало весит (всего 32 kb).

2) Не требуется инсталляция.

3) Потребляет мало системных ресурсов.

4) И самое главное, очень проста в использовании! Лично для меня в программе самое главное, это ее надежность, быстрота, и простота.

Работать с данной программой действительно очень просто:

2) Есть пять способов подбора цвета:

• Подбор цвета с помощью двигания ползунков RGB.
• Ручной ввод значений RGB.
• Выбор цвета из списка “Color Name”.
• Выбор из уже подобранных оттенков (боковая панель, открывается кнопкой “More”).
• Кнопка “Screen”, с ее помощью можно определить любой цвет находящийся на мониторе вашего компьютера.

Пятый способ самый замечательный! Про него я расскажу немножко по подробней.

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

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

Суть метода очень проста:

1) Вы нажимаете кнопку «Screen», и подводите курсор к тому цвету, код которого вы хотите получить.

2) Смотрите в левый верхний угол и убеждаетесь, что вы не промахнулись мима нужного вам цвета.

3) Когда курсор находится на нужной позиции, вы нажимаете левую кнопку мыши.

4) Теперь вам остается только забрать полученный код. Либо копируете html код, либо переписываете значение RGB.

Скачать программу для определения цвета:

P.S. Если программа не захочет устанавливаться на ваш компьютер (что весьма вероятно, если у вас установлена ОС Vista или Seven), вам поможет вот этот файлик.

Наверное, одна из первых утилит подобного плана, но, тем не менее, она не теряет своей популярности среди вэб-мастеров.
Программа показывает HTML код выбранного цвета и, наоборот, укажет цвет по коду.

Для определения цвета на мониторе кликаем по кнопочке Screen, наводим указатель в нужную точку, кликнем один раз по этому месту. В поле HTML Code выведется цвет в HTML Code. Осталось только скопировать этот код в буфер обмена и вставить в нужное место.
Преимущества: программа очень мало весит и крайне проста

Программа Color Picker

Преимуществом этой программы является показ цвета в RGB или HSL коде, ну и конечно, в HTML.

Для определения цвета надо кликнуть по кнопке "Select Color with Mouse", курсор мыши примет форму пипетки, остаётся навести курсор в нужное место и кликнуть по нему. Программа совместима с версиями Windows XP и выше.
Требует инсталляции на компьютер.

Программа Just Color Picker

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

• При первом запуске предлагает выбрать язык, русский присутствует.
• В интерфейсе Just Color Picker есть экранная лупа.
• Позволяет сохранить несколько цветов.
• Снимает показание не кликом мышки, а горячими клавишами Alt+X(по умолчанию), что позволяет более точно определить цвет
• После определения цвета программа автоматически определит дополнительные цвета, которые будут гармонировать с выбранным и которые можно будет использовать в дизайне.
• Не требует установки, работает в фоном режиме.

Программа совместима с версиями Windows XP и выше.

Также нельзя не отметить бесплатную программу ColorPic 4.1 . Единственным её недостатком является то, что она требует инсталляции на компьютер, т.е. не может работать в фоновом режиме.

Но зато преимуществ у неё хоть отбавляй. Программа не совсем простая, поэтому описание и руководство по работе с ней приводится на этом сайте в отдельной статье

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

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

Работая на компьютере, рисуя в Photoshop и занимаясь дизайном сайтов, мне частенько приходится узнавать, какие цвета, а точнее их коды, имеют те или иные объекты на экране монитора. Для создания сайтов и наполнения их контентом чаще всего я использую html цвета, а коды RGB иногда применяю во время работы в Photoshop или в других редакторах изображений.

Раньше, для определения цвета объекта на мониторе мне приходилось делать скриншот экрана (копирование в буфер с помощью "Print Screen" или "Alt"+"Print Screen"). Затем нужно было вставить картинку в Photoshop, Paint или другой редактор изображений и при помощи обычной пипетки узнать код цвета необходимого объекта. На всю эту процедуру у меня уходило не мало времени, особенно если ее нужно было часто повторять.

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

Pixie - самая простая программа, определяющая цвет под мышкой!

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

Pixie - программа, предназначенная для быстрого определения цвета объекта, на который наведена мышка. Она показывает 4 вида кодов одного и того же цвета:

1. Код html
2. Код RGB
3. Код CMYK
4. Код HSV

Например, если Вы наведете курсор мышки на белый объект , то программа покажет такие коды цветов:

Если же Вы наведете мышку, например, на синий цвет , то программа покажет такие коды:

Так же с помощью комбинаций клавиш:

1. Ctrl+Alt+C - pixie копирует цвет в буфер обмена в html формате #XXXXXX.
2. Ctrl+Alt+X - pixie открывает окно с палитрой цветов.
3. Ctrl+Alt+Z - pixie увеличивает небольшую область возле курсора (как под лупой), чтобы пользователь мог более точно определить цвет объекта на экране.

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

Pixie - очень простая, полезная и даже необходимая для всех программистов, дизайнеров, web-программистов и web-дизайнеров программа, не имеющая в себе ничего лишнего.

Мне эта программка постоянно помогает в работе (в определении цветов), поэтому я смело могу ее рекомендовать и Вам. Тем более повторюсь, что она полностью бесплатная.

Также Вы можете узнать о всех безопасных цветах для сайта .