Чтобы узнать точный цвет (оттенок цвета) на картинке (фотографии) существует много способов.
Кратко расскажу только о 5-ти таких возможностях:
определении цвета на изображении в графических редакторах (GIMP и Paint.NET), с помощью расширений для Google Chrome - Color Pick и Eye Dropper, а также программой-утилитой Color Pix.
1. В любом графическом и фоторедакторе определение цвета под курсором не представляет никаких трудностей.
Например, в популярной программе GIMP (бесплатном аналоге Фотошопа) это делается с помощью инструмента Пипетка.
Предварительно нажав кнопку Пипетка (см. рис.1), мы сразу получаем информацию о цвете под курсором в любой точке изображения, открытого в программе.
Кратко расскажу только о 5-ти таких возможностях:
определении цвета на изображении в графических редакторах (GIMP и Paint.NET), с помощью расширений для Google Chrome - Color Pick и Eye Dropper, а также программой-утилитой Color Pix.
1. В любом графическом и фоторедакторе определение цвета под курсором не представляет никаких трудностей.
Например, в популярной программе GIMP (бесплатном аналоге Фотошопа) это делается с помощью инструмента Пипетка.
Предварительно нажав кнопку Пипетка (см. рис.1), мы сразу получаем информацию о цвете под курсором в любой точке изображения, открытого в программе.
![]() |
Рис.1. Инструмент Пипетка в графическом редакторе GIMP. |
2. В другом графическом редакторе Paint.NET это будет выглядеть так.
![]() |
Рис.2. Инструмент Пипетка в графическом редакторе Paint.NET. |
При работе в интернете для определения цвета определённого участка (рисунка) на веб-странице можно использовать специальные программы и расширения браузера.
Так, например, в Google Chrome есть несколько симпатичных расширений.
Я попробовала использовать Color Pick и Eye Dropper.
3. Расширение Color Pick для Google Chrome после установки выглядит так.
![]() |
Рис.3. Окно расширения Color Pick для Google Chrome. |
Расширение можно “оторвать” от панели расширений браузера, нажав кнопку “Открыть в отдельном окне” (внизу справа см. рис.3), после чего переместить его в нужное место.
Внешний вид расширения и выводимую информацию можно настроить по своим предпочтениям.
![]() |
Рис.4. Настройки расширения Color Pick. |
Определение цвета под курсором производится в любой точке экрана. Чтобы зафиксировать (запомнить) цвет, нужно просто щёлкнуть левой кнопкой мыши в нужной точке. Предыдущий выбранный цвет запоминается (см. рис.3).
4. Расширение Eye Dropper для Google Chrome более информативное.
Оно имеет 3 вкладки: Выбор цвета с веб-страницы, Палитра цветов и О программе.
Расширение удобно тем, что запоминает несколько образцов ранее выбранного цвета (см. “История” на рис.5).
После щелчка по кнопке “Выбрать цвет с веб-страницы” возле курсора мыши появляется квадратик-образец цвета, а также внизу экрана появляется информационное окошко (см. рис.6).
![]() |
Рис.5. Вкладка Выбор цвета с веб-страницы расширения Eye Dropper для Google Chrome. |
![]() |
Рис.6. Информационное окошко Eye Dropper. |
![]() |
Рис.7. Вкладка Палитра цвета в расширении Eye Dropper. |
Расширение так же имеет настройки: Основные, Внешний вид, Выбор цвета, Сочетание клавиш.
![]() |
Рис.8. Настройки Eye Dropper (вкладки: Основные и Внешний вид) |
5. Однако, чаще всего для определения цвета я использую программу-утилиту Color Pix.
Эту маленькую бесплатную программу можно скачать с сайта производителя.
С её помощью можно определять цвет в точке под курсором в любой программе на компьютере и на веб-странице.
Эту маленькую бесплатную программу можно скачать с сайта производителя.
С её помощью можно определять цвет в точке под курсором в любой программе на компьютере и на веб-странице.
![]() |
Рис.9. Окно программы Color Pix. |
Color Pix - это просто информационное окошко, в котором нет ничего лишнего: только образец цвета и его код (характеристика). Окошко можно перемещать по экрану. Кроме того, есть возможность “разглядывания” в лупу при фиксированных увеличениях (от 2-х до 28-кратного увеличения). Лупу также можно свернуть (см. рис.9).
А чтобы запомнить (заблокировать) цвет под курсором мыши, нужно просто нажать любую клавишу, тогда на образце цвета появляется маленький замочек (для разблокировки - нажать ещё раз). Выбранный цвет можно скопировать, всего лишь щёлкнув на необходимой строчке.
Сам пользуюсь АйДропером. Весьма полезная штукенция. Не нужно загружать громоздкий фотошоп. Быстро нажал АйДропер, клац, и цвет для CSS получен.
ОтветитьУдалитьСогласна, иногда для некоторых целей проще использовать расширение браузера, чем открывать отдельную "тяжёлую" программу (типа Фотошопа или др. графического редактора).
Удалить