Наверное, одна из первых утилит подобного плана, но, тем не менее, она не теряет своей популярности среди вэб-мастеров.
Программа показывает 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 цвета пикселя.
Сервис предусматривает сохранение кода цвета в формате HTML и RGB цвета. Для этого нужно навести курсор на нужный пиксель и щелкнуть левой кнопкой мыши. В поле «Сохраненные значения» в отдельном окне вы сможете увидеть цвет пикселя, а так же сохраненные значения кода пикселя в формате HTML и RGB цвета.
Отзывы
| Да вроде неплохо, спасибо |
| Норм |
| щедеврь |
| наес. |
| Помогли оч сильно лойс вам |
Пост поможет определить цвет онлайн с помощью нескольких сайтов, один просто супер остальные имеют меньший функционал. Способ пригодится тем у кого нет возможности использовать компьютерную программу, например на планшете.
Выбор за sanstv.ru: найдет код пикселя
Отлично, наконец начали делать онлайн сервисы на русском sanstv.ru, и вот адрес , отличительная черта разбивает файл до пикселя. Чтобы начать пользоваться прошу смотреть скриншот.
- Можно вставить файл для определения путем нажатия кнопки PrtScr, при этом сделается снимок с всего браузера, но его видно не будет, чтобы показать на экране нажимаем cntrl+f.
- Либо простым перетаскиванием с вашего компьютера в окно редактора.
- Может делать по фото в хорошем качестве.
- Удобно узнать окрас на сайте, сделал снимок и вставил.
После всех манипуляций увидите свою иллюстрацию и большое увеличение. Чтобы определить код (название) цвета надо навести на необходимый оттенок и посмотреть комбинацию.
- Наводим на необходимое место на экране, большое увеличение.
- Номер в двух формациях rgb и hex, оба используются, но популярнее hex.
Здесь много полезных вещей, например, как верстальщику соединение css. Создан альтруистом, за пользование денег не просит. Переходим к остальным сервисам.
Просто определить цвет онлайн с imagecolorpicker.com
Данный сайт imagecolorpicker.com отличается простотой определения цвета онлайн, работает быстро. Но простота дает некоторые ограничения:
- Нельзя увеличивать, если только нажатием cntrl и +.
- Чтобы определить оттенок нельзя пользоваться перетаскиванием и скринами, только загрузкой.
Сайт достоин внимания, пипетка выводится прицелом, не потеряйте.
Колорист imgonline.com.ua: поможет узнать даже цвет волос
Данный сайт не может указать именно какой нужен код, он делает разбивку на основные составляющие, вот адрес . Понадобиться дизайнеру, который не может установить популярный коллаж в иллюстрации. Отчет выглядит так:
Сначала прописываем количество основных оттенков (а именно пикселя на картинке которых больше будут упорядочены по убыванию). Выставляем сжатие, загружаем изображение, и ждем обработки. Так же может понадобится например парикмахерам, чтобы узнать цвет волос не тыкая, просто загрузить изображение прически и сервис разобьет на оттенок и название.
Стоковый getcolor.ru: по картинке не работает
Поместил в статью getcolor.ru
потому что нет претендентов, огромный минус: нет поиска по картинке. Работает на основе простого оттеночного круга, и выбора нажатием. Перемещаете бегунок в нужно направлении и смотрите параметры rgb, а так же hex.
Хотя нет, нашел один плюс, умеет давать название окраске, посмотрите внизу, каждый раз выдает разные. Использование: например в каталогах и при html верстке.
Рассказал про самые лучшие ресурсы, помогающие определить цвет онлайн без установки программ. Успехов.
Работая с 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), вам поможет вот этот файлик.
Загрузка...