Пост поможет определить цвет онлайн с помощью нескольких сайтов, один просто супер остальные имеют меньший функционал. Способ пригодится тем у кого нет возможности использовать компьютерную программу, например на планшете.
Отлично, наконец начали делать онлайн сервисы на русском sanstv.ru, и вот адрес , отличительная черта разбивает файл до пикселя. Чтобы начать пользоваться прошу смотреть скриншот.
После всех манипуляций увидите свою иллюстрацию и большое увеличение. Чтобы определить код (название) цвета надо навести на необходимый оттенок и посмотреть комбинацию.
Здесь много полезных вещей, например, как верстальщику соединение css. Создан альтруистом, за пользование денег не просит. Переходим к остальным сервисам.
Данный сайт imagecolorpicker.com отличается простотой определения цвета онлайн, работает быстро. Но простота дает некоторые ограничения:
Сайт достоин внимания, пипетка выводится прицелом, не потеряйте.
Данный сайт не может указать именно какой нужен код, он делает разбивку на основные составляющие, вот адрес . Понадобиться дизайнеру, который не может установить популярный коллаж в иллюстрации. Отчет выглядит так:
Сначала прописываем количество основных оттенков (а именно пикселя на картинке которых больше будут упорядочены по убыванию). Выставляем сжатие, загружаем изображение, и ждем обработки. Так же может понадобится например парикмахерам, чтобы узнать цвет волос не тыкая, просто загрузить изображение прически и сервис разобьет на оттенок и название.
Поместил в статью getcolor.ru
потому что нет претендентов, огромный минус: нет поиска по картинке. Работает на основе простого оттеночного круга, и выбора нажатием. Перемещаете бегунок в нужно направлении и смотрите параметры rgb, а так же hex.
Хотя нет, нашел один плюс, умеет давать название окраске, посмотрите внизу, каждый раз выдает разные. Использование: например в каталогах и при html верстке.
Рассказал про самые лучшие ресурсы, помогающие определить цвет онлайн без установки программ. Успехов.
Такой вопрос наверняка ни раз возникал у веб-дизайнера, разработчика или простого пользователя компьютера. Часто возникает необходимость подобрать цвет используемый на каком-либо объекте, например сайте или просто точки на экране монитора.
Существуют несколько основных способов представления цветов, например когда каждый цвет или оттенок, обозначается HTML
кодом и цветовой палитрой RGB
в виде #FF7700. Это представление в виде трёх пар шестнадцатеричных цифр, в которых каждая пара отвечает за свой цвет:
первые две цифры — красный цвет, т.е. — R (red)
две в середине — зелёный — G (green)
последние две цифры — синий — B (blue)
Довольно часто используют крадкое представление цвета в виде трех символов #F70, что будет равносильно #FF7700.
Кстати, на веб-ресурсах цвета обычно указываются в стилях CSS.
Давайте перейдем к ответу на главный вопрос — Как узнать цвет пикселя на экране монитора или картинке?
Способов большое множество...
Итак, сделаем "снимок экрана" нажатием на клавиатуре клавиши — Print Screen (PrtSc), в том месте, где хотим узнать код нашего цвета. Во время нажатия клавиши система сохранит снимок в буфере обмена. Можно просто скопировать изображение, например из браузера, без PrtSc. Теперь остается только вставить изображение из буфера в фотошоп.
Открываем фотошоп и вставляем изображение (Файл — Создать, Редактирование — Вставить). Ищем на панели инструментов "Пипетка" (Клавиша I), далее щелкаем левой кнопкой мыши в ту область, в котрой хотим "снять" цвет. Все готово! Теперь остается перейти в палитру и узнать код цвета.
Заходим в Paint — вставляем картинку — используем инструмент "палитра" — переходим в "изменение цветов":
В нашем случае красный — 252, зеленый — 168, синий — 10, т.е. RGB(252,168,10) или в HEX формате #FCA80A.
Опишу способ для браузера Opera. Выделяем мышкой элемент на сайте и щелкаем по нему правой кнопкой мыши — "Просмотреть код элемента" (Ctrl + Shift + C). Откроется панель с html и css кодом, нужно будет найти что-то подобное "color".
Существует большое количество специальных программ для снятия цвета, мне нравится очень простая прога под названием "Pixie" с весом около 10-11 Кб. Управление очень простое. Достаточно просто навести мышь в нужную точку на экране монитора и нажать следующие клавиши — Ctrl + Alt + C, в результате чего цветовой код скопируется в буфер обмена.
Работая на компьютере, рисуя в Photoshop и занимаясь дизайном сайтов, мне частенько приходится узнавать, какие цвета, а точнее их коды, имеют те или иные объекты на экране монитора. Для создания сайтов и наполнения их контентом чаще всего я использую html цвета, а коды RGB иногда применяю во время работы в Photoshop или в других редакторах изображений.
Раньше, для определения цвета объекта на мониторе мне приходилось делать скриншот экрана (копирование в буфер с помощью "Print Screen" или "Alt"+"Print Screen"). Затем нужно было вставить картинку в Photoshop, Paint или другой редактор изображений и при помощи обычной пипетки узнать код цвета необходимого объекта. На всю эту процедуру у меня уходило не мало времени, особенно если ее нужно было часто повторять.
Но сейчас все изменилось и для определения цвета мне не нужно ничего копировать и создавать дополнительные картинки.
В этой короткой статье я хотел бы представить Вашему вниманию очень простую, удобную, компактную и к тому же бесплатную программу для определения цвета на мониторе - Pixie, которая будет полезна создателям сайтов, дизайнерам и программистам.
Pixie - программа, предназначенная для быстрого определения цвета объекта, на который наведена мышка. Она показывает 4 вида кодов одного и того же цвета:
Например, если Вы наведете курсор мышки на белый объект , то программа покажет такие коды цветов:
Если же Вы наведете мышку, например, на синий цвет , то программа покажет такие коды:
Так же с помощью комбинаций клавиш:
Если же Вы хотите изменить выше перечисленные комбинации клавиш, то нажмите на окошке программы правой кнопкой мышки и установите так, как Вам будет удобно.
Pixie - очень простая, полезная и даже необходимая для всех программистов, дизайнеров, web-программистов и web-дизайнеров программа, не имеющая в себе ничего лишнего.
Мне эта программка постоянно помогает в работе (в определении цветов), поэтому я смело могу ее рекомендовать и Вам. Тем более повторюсь, что она полностью бесплатная.
Также Вы можете узнать о всех безопасных цветах для сайта .
Работая с CSS и версткой страниц приходится достаточно часто работать с цветами и очень часто возникает необходимость в определении кода цвета/оттенка на заданном участке какого-либо изображения. Для этого существует специальная программа, которая называется ColorMania . Ее можно скачать с этого сайта http://www.blacksunsoftware.com/colormania.html . После запуска она выглядит следующим образом.
Эта программа позволяет узнать код цвета в любой точке экрана: зажав левой клавишей кнопку в виде пипетки и, не отпуская ее, передвигаем по экрану в то место где требуется определить цвет.
Можно выбрать вид отображения цвета, например: в шестнадцатеричном виде, в виде RGB или в другом виде. Для изменения вида отображения нажимаем на выпадающей список и в списке выбираем тот вид отображения, который Вам нужен.
После того как Вы выбрали цвет, можете, нажав на кнопку «Copy» , скопировать код цвета в буфер обмена или же выделить его мышью и воспользоваться комбинацией клавиш «ctrl + C» .
Есть возможность выбора рандомного (случайного) цвета воспользовавшись кнопкой «Random» .
Так же можно вызвать стандартное диалоговое окно выбора цвета, нажав на кнопку «Dialog» , что предоставит возможность выбора цвета из основных цветов.
В стандартном диалоговом окне есть возможность открыть расширенное диалоговое окно выбора цвета, нажав на кнопку «Определить цвет» и затем на спектре, где указателем является перекрестие, выбрать нужный цвет и нажать «ОК» .
После чего отобразится выбранный Вами цвет и его код.
Предоставляется и возможность выбора цвета по названию, нажав на выпадающей список с «HTML Color» .
И последнее, что можно упомянуть это то, что для более точного определения цвета можно воспользоваться опцией увеличения, находящейся под пипеткой, области экрана. Нажимаем на выпадающий список и меняем значение «Zoom» , т.е. выбираем то увеличение, с которым удобней работать.
Вот мы и рассмотрели не сложную, но очень удобную программу для определения кода цвета в шестнадцатеричной и других системах кодировки.
Дизайнеры периодически сталкиваются с проблемой как узнать точный цвет точки на экране мониторе, обычно таким грешат люди занимающиеся разработкой дизайнов сайтов, иногда проще скопировать цветовую гамму, чем самому изобретать велосипед. Можно пойти тернистым путем настоящих экспериментаторов, например делая скриншоты экранов потом разбираясь с полученными картинками в графическом редакторе или вообще роясь в исходных кодах веб страниц, но лучше не заниматься глупой работой изобретая очередной велосипед, а остановиться на утилите которая все сделает в долю секунды. Программ для этого предостаточно, сегодня пойдет речь о миниатюрной утилите .
Устанавливать программу не придется, единственный запускаемый файл это вся программа. Рекомендую поместить программу в отдельную папку, проще будет удалять, потому что после запуска создает файл настройки.
После запуска Colorpix представляет собой очень маленькое окошко, работающее по принципу, над 
какой точкой находиться курсор мыши, тот цвет и показываем. Можете поводить мышью и увидите бегущие цифры и буквы, показывающие координаты курсора, цвет в нескольких кодировках и квадрат, залитый выбранным цветом.
Нужный цвет запоминается нажатием любой клавиши, об этом свидетельствует появившийся замок, копируем значение, для дальнейшей работы нажимаем еще раз любую клавишу. Значения цвета не нужно переписывать вручную, вполне достаточно щелкнуть два раза мышью по нужной кодировке, и потом вставить.
Colorpix можно закрепить поверх всех окон, достаточно нажать плюсик сверху и вызвать что-то вроде увеличительного стекла, найдите и нажмите пунктик с хитрым названием «MAGNIFIER», после чего окно увеличиться в размерах и добавляется панель (иногда здорово помигает точно ткнуть в нужную точку).
Настроек как нет совсем, настолько утилита простая как двери.
Colorpix оказалась гениальной простотой, только необходимые возможности, минимальные размер и необычайно удобна в использовании. Как пользоваться, можно разобраться буквально за несколько секунд, все сделано максимально интуитивно. Если кому нужно быстро определить цвет любой точки на экране, рекомендую к использованию.
Станица для бесплатного скачивания Colorpix http://www.colorschemer.com/download.php
Последняя версия на момент написания Colorpix 1.2
Размер программы: файл 605 КБ
Совместимость: Windows Vista и 7, Windows Xp
