Главная » Компьютерная Азбука

Редактор фотошоп онлайн: цветовые модели

редактор фотошоп онлайнМы изучили полностью инструменты графического редактора Фотошоп онлайн. На панели Инструмент ниже иконок инструментов находится окошко выбора цвета. С его помощью мы разберемся, какие цветовые модели используются в редакторе Фотошоп онлайн.  Впрочем, эти цветовые модели используются не только в этом редакторе, а и вообще в графике, дизайне и вебдизайне.

Откройте редактор Фотошоп онлайн, и в нем какое-либо изображение. После этого на панели Инструмент кликните по иконке цвета. Появится окно с разноцветным кругом и квадратом внутри. Двигая кружки по кругу, и в квадрате. Вы можете выбрать тот цвет, который Вам нужен.

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

Вверху Вы увидите закладки. Текущая закладка — HSL. Рассмотрим ее подробнее.

Цветовая модель HSL

Фотошоп онлайн

Использует три параметра, начальные буквы которых прописаны в названии: Hue, Saturation и Lightness, что означает с английского тон, насыщенность и светлота.

  • Тон (Hue) — это угол, под которым расположена точка цвета на цветовом круге. Цветовой круг широко используется в дизайне, вебдизайне и графике. Он образован тремя основными цветами: красным, зеленым и синим, и переходными цветами, которые расположены между ними: желтым, голубым и пурпурным. Отчет начинается от красного цвета, и заканчивается красным, завершая оборот. Угол при этом изменяется. как полагается, от 0 до 360 градусов. На сервисе Фотошоп онлайн Вы можете изменить этот параметр, перемещая точку по кругу, или выставляя в нужное место бегунок H ниже круга.
  • Насыщенность (Saturation) — означает заполненность цвета серым цветом такой же светлоты. То есть в зависимости от светлоты исходного цвета этот серый цвет может варьироваться в пределах от черного до белого. Параметр изменяется от 0 до 100%. Насыщенность, равная нулю характеризует цвет полностью серый. Насыщенность 100% — максимально насыщенный, сочный цвет. Параметр можно изменять. передвигая точку внутри квадрата, или двигая бегунок S.
  • Светлота (Lightness) — означает снижение интенсивности цвета, другими словами, добавление черного. Изменяется в пределах от 0 до 100%. Цвет нулевой светлоты — черный, со светлотой, равной 100% — максимально светлый. Светлоту можно изменять, передвигая точку в квадрате, или передвигая бегунок L.

цветовая модель HSLСамый яркий цвет получается при 100%-й насыщенности и 100%-й светлоты, когда точка находится в правом углу квадрата.

В правой части окна Вы можете найти параметры цвета в цветовых режимах HSL и RGB. Ниже этих параметров находится окошко, в котором прописан код цвета, применяемый в html, при создании сайтов. Этот код записан в 16-ти ричной системе. Левее кода — окошко с набором подходящих цветов для печати, которые одинаково отображаются на разных мониторах. Кликая на цвета этого набора, Вы можете выбрать любой подходящий цвет, ближайший к текущему. Эти ограничения относятся к html-коду, и к изображениям, которые Вы создаете, или редактируете, не имеют отношения.

Цветовая модель RGB

Следующая закладка — RGB. Данная цветовая модель использует три основных цвета, которые лучше всего воспринимает человеческий глаз: это красный, зеленый и синий. Начальные буквы прописаны в названии цветовой модели: Red, Green, Blue.

Модель RGB — излучающего цвета, когда цветовые лучи при наложении усиливают друг друга, как лучи прожекторов. Смешивание этих цветов создает все многообразие цветов и оттенков, которых больше 16 миллионов. Интенсивность каждого цвета изменяется от 0 до 255.


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

Закладки WEB и IMG

"безопасные" цвета для webЗакладка WEB дает возможность выбрать любой «безопасный» цвет. Изображений эти ограничения не касаются никаким образом. Это казается только элементов html- кода на сайтах. Так что, если Вы работаете с изображениями, можете использовать любые цвета, не только «безопасные».

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

Закладка IMG — набор цветов, подходящих для печати. Тоже относится к html-коду, и к изображениям не имеет отношения.

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


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

2 комментария »

  • Ольга Кузьминых пишет:

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

  • Александр Ризун (автор) пишет:

    Принципиальной разницы нет. Цвет можно синтезировать с помощью любой цветовой модели. Цветовые модели — это как разные описания одного и того же явления. Различия касаются в основном области их применения. Например, RGB хорошо подходит для изображений на экране монитора, а CMYK — для печати.

Оставьте свой комментарий и ответный визит Вам обеспечен