Такой вопрос наверняка ни раз возникал у веб-дизайнера, разработчика или простого пользователя компьютера. Часто возникает необходимость подобрать цвет используемый на каком-либо объекте, например сайте или просто точки на экране монитора.
Существуют несколько основных способов представления цветов, например когда каждый цвет или оттенок, обозначается 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, в результате чего цветовой код скопируется в буфер обмена.
Paint – это функция Windows , с помощью которой можно создавать рисунки в чистой области рисования или на существующих изображениях. Большинство инструментов, используемых в программе Paint , можно найти в ленте, расположенной у верхнего края окна программы Paint.
На иллюстрации показана лента и другие части окна программы Paint .
Для рисования в программе Paint можно использовать несколько различных инструментов. Изображения линии на рисунке зависит от используемого инструмента и выбранных параметров.
Вот инструменты, которые можно использовать для рисования линий в программе Paint .
Инструмент Карандаш используется для рисования тонких произвольных линий или кривых.
Инструмент Кисти используется для рисования линий различного вида и текстуры, как при использовании профессиональных кистей. С помощью различных кистей можно рисовать произвольные и кривые линии с различными эффектами .
Инструмент Линия используется, если нужно начертить прямую линию. При использовании этого инструмента можно выбрать толщину линии, а также ее вид.
Совет : Чтобы нарисовать горизонтальную линию, удерживайте клавишу Shift и проведите указателем с одной стороны к другой. Чтобы нарисовать вертикальную линию, удерживая клавишу Shift и проведите указателем вверх или вниз.
Инструмент Кривая используется, если нужно нарисовать плавную кривую.
Рисование кривых линий в графическом редакторе Paint
С помощью программы Paint на рисунок можно добавлять различные фигуры. Среди готовых фигур имеются не только традиционные элементы – прямоугольники, эллипсы, треугольники и стрелки, – но и интересные и необычные фигуры, например сердце, молния, сноски и многие другие.
Чтобы создать собственную фигуру, можно использовать инструмент «Многоугольник».
С помощью программы Paint можно рисовать различные типы готовых фигур.
Ниже приведен список этих фигур:
Инструмент Многоугольник используется, если нужно создать фигуру с любым количеством сторон.
В программе Paint на рисунок можно добавить текст или сообщение .
Инструмент Текст используется, если нужно сделать надпись на изображении.
Чтобы ускорить доступ к командам, которые чаще всего используются в Paint, их можно расположить на панели быстрого доступа над лентой.
Чтобы добавить команду программы Paint на панель быстрого доступа, щелкните правой кнопкой мыши кнопку или команду и выберите пункт Добавить на панель быстрого доступа .
При работе с Paint может потребоваться изменить часть изображения или объект. Для этого надо выделить часть изображения, которую необходимо изменить, и изменить её.
Вот некоторые действия, которые можно выполнить: изменение размеров объекта , перемещение, копирование или поворот объекта, обрезка картинки для отображения только выбранной части.
Инструмент Выделение используется для выделения части изображения, которую требуется изменить.
Инструмент Обрезка используется для обрезки изображения , чтобы отобразить только выделенную его часть. С помощью обрезки изображения можно изменить так, чтобы на нем было видно только выбранный объект или человека.
Инструмент Поворот используется для поворота всего изображения или выделенной части.
В зависимости от того, что нужно вернуть, выполните одно из следующих действий.
Инструмент Ластик используется для удаления области изображения.
Инструмент Изменение размера используется для изменения размера всего изображения, объекта или части изображения. Также можно изменить угол наклона объекта на изображении.
Например, если размер изображения составляет 320x240 пикселей и вам нужно уменьшить этот размер наполовину, сохранив пропорции, в области Изменить размер установите флажок Сохранить пропорции и введите значение 160 в поле По горизонтали . Новый размер изображение 160 х 120 пикселей, то есть вдвое меньше оригинала.
Выполните одно из следующих действий в зависимости от того, как нужно изменить размер области рисования:
Когда объект выделен, его можно вырезать или скопировать. Это позволит использовать на картинке один объект несколько раз или переместить объект (когда выделен) к другой части изображения.
Инструмент Вырезание используется для вырезания выделенного объекта и вставки его в другую часть изображения. После вырезания выделенной области она будет заменена цветом фона. Поэтому, если изображение имеет сплошной цвет фона, возможно, перед вырезанием объекта потребуется изменить Цвет 2 на цвет фона .
Инструмент Копирование используется для копирования выделенного объекта в программе Paint. Это удобно, если на картинке нужно увеличить количество одинаковых линий, фигур или фрагментов текста.
Чтобы вставить существующее изображение в программу Paint, используйте команду Вставить из . После вставки файла изображения его можно редактировать, не изменяя исходное изображение (если только отредактированное изображение сохранено с именем файла, отличным от исходного изображения).
В программе Paint имеется ряд специальных инструментов для работы с цветом. Это позволяет во время рисования и редактирования в программе Paint использовать именно те цвета, которые нужно.
Цветовые поля указывают текущий цвет 1 (цвет переднего плана) и цвет 2 (цвет фона). Их использование зависит от того, какие действия выполняются в программе Paint.
При работе с палитрой можно выполнить одно или несколько следующих действий:
Инструмент Палитра цветов используется для установки текущего цвета переднего плана или фона. Выбрав цвет на картинке, можно быть уверенным, что будет использован именно тот цвет, который нужен для работы с изображением в Paint.
Инструмент Заливка используется, если нужно залить цветом все изображение или вложенную форму.
Инструмент Редактирование цветов используется, если нужно подобрать новый цвет. Смешивание цветов в Paint позволяет выбрать именно тот цвет, который нужен.
Различные режимы просмотра изображений в Paint позволяют выбирать способ работы с изображением . Можно приблизить отдельный фрагмент изображения или изображения полностью. И наоборот, можно уменьшить масштаб изображения, если оно слишком большое. Кроме того, во время работы в Paint можно отобразить линейки и сетку, которые облегчат работу в программе.
Инструмент Экранная лупа используется для увеличения определенной части изображения.
Инструменты Увеличить и Уменьшить используются для увеличения или уменьшения масштаба просмотра. Например, для редактирования маленького фрагмента изображения может потребоваться увеличить его. Или же наоборот, изображение может быть слишком большим для экрана, и его нужно будет уменьшить для просмотра всего изображения.
В программе Paint существует несколько различных способов увеличения или уменьшения изображения, в зависимости от нужного результата.
Совет : Для увеличения и уменьшения масштаба изображения можно использовать кнопки «Увеличить» или «Уменьшить» на ползунке масштаба, расположенном в нижней части окна программы Paint.
Инструмент Линейки используется для отображения горизонтальной линейки в верхней части области рисования и вертикальной линейки в левой части области рисования. С помощью линеек лучше видны размеры изображения, что может быть полезным при изменении размеров изображения.
Инструмент Линии сетки используется для выравнивания фигур и линий при рисовании. Сетка помогает понять размеры объектов во время рисования, а также выровнять объекты.
Режим На весь экран используется для просмотра изображения в полноэкранном режиме.
При редактировании в Paint регулярно сохраняйте внесенные в изображение изменения, чтобы случайно не потерять. После того как изображение сохранено, его можно использовать на компьютере или обменяться с другими по электронной почте.
Во время первого сохранения рисунка нужно предоставить ему имя файла.
В Paint можно не только создать новое изображение, но и открыть и отредактировать существующее изображение.
Также можно установить изображение в качестве фона рабочего стола компьютера.
Если установлена и настроена программа электронной почты , отправлять изображения во вложении в сообщение электронной почты и обмениваться ими с другими по электронной почте.
Активный цвет кисти (основной цвет) меняется щелчком левой кнопки мыши, активный цвет фона меняется щелчком правой кнопки мыши.
Цветом кисти рисуются линии, кривые, контуры фигур, а также в этом цвете работают заливка, распылитель, кисть, карандаш. Цветом фона окрашиваются полости фигур. Ластик, стирая рисунок, оставляет за собой цвет фона.
Изменение цвета
На панели цвета помещаются 28 красок. При необходимости можно заменить цвет в палитре на другой: двойной щелчок по заменяемому цвету или Палитра – «Изменить палитру», затем в окне «Изменение палитры» - выбор нужного цвета (из 48 цветов).
Компьютер позволяет работать с миллионами цветов. Поэтому если нужен цвет, которого нет, можно самому его создать – команда «Определить цвет»
Помимо «ручного» выбора, цвет можно определить по его коду – «Оттенок, Контраст, Яркость» или «Красный, Зеленый, Синий».
После установки цвета, его можно добавить в набор дополнительных цветов или поменять в палитре (ОК)
1. Запустите Paint. Установите размер листа 585 х 640.
2. Вставьте рисунок из файла «рисунки\ заяц.bmp» (Правка – Вставить из Файла)
3. Используя RGB-коды цветов, раскрасьте картинку по образцу. Постарайтесь закрасить и контуры областей. Один из способов – закрасить область сначала черным, затем нужным цветом. Другой способ – установить нужный цвет цветом фона, черный – цветом кисти и, пользуясь цветным ластиком (т.е. удерживая правую кнопку мыши), заменить цвет.
4. Сохраните рисунок в своей папке под именем «2-заяц.bmp»
5. Создайте новый рисунок (Файл – Создать)
6. Вставьте рисунок из файла «рисунки\ птичка.bmp»
7. Раскрасьте его по желанию и сохраните в своей папке под именем «2-птичка.bmp»
1) Какой цвет получится, если смешать равное количество красного, зеленого и синего цвета?
2) Какой цвет получится, если смешать равное количество красного и синего цвета?
3) Как получить черный и белый цвет?
4) Какой цвет соответствует коду RGB(0,0,250)?
Чтобы узнать точный цвет (оттенок цвета) на картинке (фотографии) существует много способов.
Кратко расскажу только о 5-ти таких возможностях:
определении цвета на изображении в графических редакторах (GIMP
и Paint.NET
), с помощью расширений для Google Chrome - Color Pick
и Eye Dropper
, а также программой-утилитой Color Pix
.
1. В любом графическом и фоторедакторе определение цвета под курсором не представляет никаких трудностей.
Например, в популярной программе
GIMP
(бесплатном аналоге Фотошопа) это делается с помощью инструмента Пипетка.
Предварительно нажав кнопку
Пипетка
(см. рис.1), мы сразу получаем информацию о цвете под курсором в любой точке изображения, открытого в программе.
Рис.1. Инструмент Пипетка в графическом редакторе GIMP. |
2. В другом графическом редакторе
Paint.NET
это будет выглядеть так.
Рис.2. Инструмент Пипетка в графическом редакторе Paint.NET. |
Рис.4. Настройки расширения Color Pick. |
Рис.6. Информационное окошко Eye Dropper. |
Расширение так же имеет настройки: Основные, Внешний вид, Выбор цвета, Сочетание клавиш.
Paint.NET – это простой во всех отношениях графический редактор . Его инструментарий пусть и ограничен, но позволяет решать ряд задач при работе с изображениями.
Окно Paint.NET, кроме основной рабочей области, имеет панель, включающую:
Также можно включить отображение вспомогательных панелей:
Для этого нужно сделать активными соответствующие иконки.
Теперь рассмотрим основные действия, которые можно совершать в программе Paint.NET.
Откройте вкладку «Файл» и кликните по нужному варианту.
Аналогичные кнопки расположены на рабочей панели:
При открытии необходимо выбрать изображение на жёстком диске, а при создании появится окно, где нужно задать параметры новой картинки и нажать «ОК» .
Обратите внимание, что размер изображения можно будет изменить в любой момент.
В процессе редактирования картинку можно визуально увеличивать, уменьшать, выравнивать по размеру окна или возвращать реальный размер. Делается это через вкладку «Вид» .
Или с помощью ползунка внизу окна.
Во вкладке «Изображение» имеется всё необходимое, чтобы изменить размер картинки и полотна, а также совершить её переворот или поворот.
Любые действия можно отменять и возвращать через «Правку» .
Или посредством кнопок на панели:
Для выделения определённой области картинки предусмотрено 4 инструмента:
Каждый вариант выделения работает в разных режимах, например, добавление или вычитание выделенной области.
Для выделения всего изображения нажмите CTRL+A .
Дальнейшие действия будут выполняться непосредственно в отношении выделенной области. Через вкладку «Правка» можно вырезать, скопировать и вставить выделенное. Здесь же можно полностью удалить эту область, выполнить заливку, инвертировать выделение или отменить его.
Некоторые из этих инструментов вынесены на рабочую панель. Сюда вошла и кнопка «Обрезка по выделению» , после нажатия по которой на изображении останется только выделенная область.
Для того, чтобы переместить выделенную область, в Paint.NET имеется специальный инструмент.
Грамотно используя инструменты выделения и обрезку, Вы сможете делать прозрачный фон на картинках.
Для рисования предназначены инструменты «Кисть» , «Карандаш» и «Клонирующая кисть» .
Работая с «Кистью» , Вы можете менять её ширину, жёсткость и тип заливки. Для выбора цвета используйте панель «Палитра» . Для нанесения рисунка зажмите левую кнопку мыши и перемещайте «Кисть» по полотну.
Зажав правую кнопку, Вы будете рисовать дополнительным цветом «Палитры» .
Кстати, основной цвет «Палитры» может быть аналогичным цвету любой точки текущего рисунка. Для этого просто выберете инструмент «Пипетка» и кликните по месту, откуда нужно скопировать цвет.
«Карандаш» имеет фиксированный размер в 1 px и возможность настройки «Режима наложения» . В остальном его использование аналогично «Кисти» .
«Клонирующая кисть» позволяет выбрать точку на картинке (Ctrl+ЛКМ ) и использовать её как исходник для нанесения рисунка в другой области.
С помощью «Заливки» можно быстро закрасить отдельные элементы изображения указанным цветом. Кроме типа «Заливки» , важно правильно настроить её чувствительность, чтобы не захватывались лишние области.
Для удобства нужные объекты обычно выделяют, а затем заливают.
Для нанесения надписи на изображение выберите соответствующий инструмент, укажите параметры шрифта и цвет в «Палитре» . После этого кликните по нужному месту и начните ввод.
При нанесении прямой линии Вы можете определить её ширину, стиль (стрелка, пунктир, штрих и пр.), а также тип заливки. Цвет, как обычно, выбирается в «Палитре» .
Если потянуть за мигающие точки на линии, то она изогнётся.
Аналогичным образом в Paint.NET вставляются фигуры. Тип выбирается на панели инструментов. С помощью маркеров по краям фигуры меняются её размер и пропорции.
Обратите внимание на крестик рядом с фигурой. С его помощью можно перетаскивать вставленные объекты по всему рисунку. Это же касается текста и линий.
Во вкладке «Коррекция» находятся все нужные инструменты для изменения цветового тона, яркости, контрастности и т.д.
Соответственно во вкладке «Эффекты» Вы можете выбрать и применить для Вашего изображения один из фильтров, которые встречаются в большинстве других графических редакторов.
Когда Вы закончили работу в Paint.NET, отредактированную картинку нужно не забыть сохранить. Для этого откройте вкладку «Файл» и нажмите «Сохранить» .
Или воспользуйтесь значком на рабочей панели.
Изображение сохранится в том месте, откуда оно было открыто. Причём старый вариант будет удалён.
Для того, чтобы задать параметры файла самостоятельно и не заменять источник, используйте «Сохранить как» .
Вы сможете выбрать место сохранения, указать формат изображения и его имя.
Принцип работы в Paint.NET схож с более продвинутыми графическими редакторами, но тут нет такого изобилия инструментов и разобраться со всем гораздо проще. Поэтому Paint.NET – неплохой вариант для новичков.