Основные сведения о цвете
Основываясь на восприятии цвета человеческим глазом, модель HSB описывает три основополагающие характеристики цвета:
Цвет, отраженный от объекта или прошедший сквозь объект. Он определяется как точка на стандартном цветовом круге и выражается в градусах от 0° до 360°. Обычно цветовой тон определяют по названию цвета: красный, оранжевый, зеленый и т. д.
Интенсивность или чистота цвета. Насыщенность, иногда именуемая цветность характеризует степень содержания серого в пропорции к цветовому тону и измеряется в процентах от 0% (серый) до 100% (полная насыщенность). На стандартном цветовом круге насыщенность возрастает от центра к краю.
Относительная величина светлого и темного, обычно выражается в процентах от 0% (черный) до 100% (белый).
Несмотря на то, что модель HSB можно использовать в Photoshop Elements в диалоговом окне «Палитра цветов» для выбора цвета, ее нельзя использовать для создания и редактирования изображений.
Просмотр режима HSB в диалоговом окне «Палитра цветов»
A. Насыщенность B. Цветовой тон C. Яркость
Компоненты YUV определены на основе компонент RGB.
Подробнее о модели YUV (Википедия)
Основные сведения о цвете в Photoshop Elements
Модель RGB
Большая часть видимого спектра может быть представлена в виде смешения красного, зеленого и синего (RGB) в различных пропорциях с разной интенсивностью. Эти три цвета называются основными первичными цветами. Вместе красный, зеленый и синий образуют белый цвет. При смешении двух цветов получается голубой, пурпурный или желтый.
Основные цвета используются при воспроизведении цветного изображения на экране осветительной аппаратуры, видеоаппаратуры, мониторах. Экран вашего монитора, например, создает цвет при помощи излучения, испускаемого красным, зеленым и синим фосфором, покрывающим электронно-лучевые трубки.
A. Красный B. Зеленый C. Синий D. Желтый E. Пурпурный F. Голубой
Модель RGB
RGB — наиболее популярная цветовая модель и обычно используется по умолчанию.
Изображения RGB основаны на месте цвета RGB. Каждый из трех компонентов цвета (красный, зеленый и синий) использует 1 или 2 байта на пиксель.
Используя 8 битовую глубину, каждый пиксель может показать 256 х 256 х 256 = 16.777.216 различных цветов.
Изображение RGB (8 битов) с размерами 1024 x 1024 пикселей занимает 3 х 1024 х 1024 байта — 3 МЕГАБАЙТА памяти.
В фотографиях канал альфа обычно не присутствует.
Ваш жидкокристаллический монитор компьютера показывает цвета, комбинируя различную интенсивность красных, зеленых и синих цветов. Мы можем просто описать цвет, используя три числа, представляющие интенсивность красных, зеленых и синих цветов в масштабе от 0 до 100 процентов.
Точность этих чисел называют цветной глубиной изображения. Цветная глубина определяет число цветов в изображении. Значения даны или определяя общее количество визуализуемых цветов или в битах в пиксель. Если цветная глубина составляет 24 бита за пиксель (BPP), число визуализуемых цветов 224, что соответствует примерно 16 миллионам разных цветов.
Большая часть видимого спектра может быть представлена в виде смешения красного, зеленого и синего (RGB) в различных пропорциях с разной интенсивностью. Эти три цвета называются основными первичными цветами. Вместе красный, зеленый и синий образуют белый цвет. При смешении двух цветов получается голубой, пурпурный или желтый.
Основные цвета используются при воспроизведении цветного изображения на экране осветительной аппаратуры, видеоаппаратуры, мониторах. Экран вашего монитора, например, создает цвет при помощи излучения, испускаемого красным, зеленым и синим фосфором, покрывающим электронно-лучевые трубки.
Цвет в формате HEX
HEX (от Hexadecimal) — Шестнадцатеричный.
Цвет в формате HEX — это иное представление RGB (пример обозначения — #123ABC).
Запись в формате HEX — наиболее предпочтительная при создании html/Css — документов.
Цветовая модель CMYK часто ассоциируется с цветной печатью, с полиграфией. CMYK (в отличие от RGB) является субтрактивной моделью, это означает что более высокие значения связаны с более тёмными цветами.
Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).
Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).
Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 — жёлтой краски, и 46 — чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).
Что такое цветовая модель
Модель RGB — Десятичная запись цвета
В цветовой модели RGB цвет задается следующим образом.
Основные цвета red , green и blue – красный, зеленый и синий могут иметь условные значения от 0 до 255 или от 0% до 100% . Из сочетания трех цветов, каждому из которых присваивается одно из значений, получается необходимый цвет.
Например, белый цвет задается как 255,255,255 , а черный цвет – как 0,0,0 . Первое десятичное число определяет насыщенность красного, второе — насыщенность зеленого и последнее — синего.
: rgb(0,0,255) ; «>
Синий цвет текста этого абзаца задан в цветовой модели RGB указанием десятичных значений.
Синий цвет текста этого абзаца задан в цветовой модели RGB указанием десятичных значений.
Ниже приведен перечень основных 16 цветов и их имен.
Цвет | Название | Шестнадцатеричное значение |
Aqua | #00FFFF | |
Black | #000000 | |
Blue | #0000FF | |
Fuchsia | #FF00FF | |
Gray | #808080 | |
Green | #008000 | |
Lime | #00FF00 | |
Maroon | #800000 | |
Navy | #000080 | |
Olive | #808000 | |
Purple | #800080 | |
Red | #FF0000 | |
Silver | #C0C0C0 | |
Teal | #008080 | |
White | #FFFFFF | |
Yellow | #FFFF00 |
Задание 1. Создадим средствами растрового графического редактора Adobe Photoshop изображения, отражающего основные принципы цветовых моделей RGB и CMYK.
Модель RGB — шестнадцатеричная запись цвета
Но в основном, используя цветовую модель RGB, цвета указывают в шестнадцатеричной записи.
Шестнадцатеричная система основывается на числе 16. В нее входят цифры от 0 до 9 и буквы A, B, C, D, E, F (они заменяют десятичные числа от 10 до 15), с помощью которых можно представить любое число.
Основные цвета red , green и blue – красный, зеленый и синий могут иметь условные значения от 00 до FF (их аналог в десятичном представлении — это числа от 0 до 255). Из сочетания трех цветов, каждому из которых присваивается одно из значений, получается необходимый цвет.
Например, белый цвет задается как #FFFFFF , а черный цвет как #000000 . Первые две цифры кода (двухзначное шестнадцатеричное число) определяют насыщенность красного, следующие две — насыщенность зеленого и последние две – это синий цвет.
Как видите, шестнадцатеричная запись цвета короче и проще десятичной , а процентная запись кроме этого уступает в разнообразии оттенков. Поэтому удобнее всего пользоваться именно шестнадцатеричным представлением цветов.
Перед шестнадцатеричным числом, обозначающим цвет, ставят символ решетки # . Он обязателен . Это делается для исключения путаницы в определении системы счисления.
: #0000FF ; «>
Синий цвет текста этого абзаца задан в цветовой модели RGB указанием шестнадцатеричных значений.
Синий цвет текста этого абзаца задан в цветовой модели RGB указанием шестнадцатеричных значений.
В HTML цвета задаются с помощью ключевых слов и в цветовой модели RGB указанием шестнадцатеричных значений.
В CSS есть возможность задания цвета в цветовой модели RGB с помощью десятичных значений и в процентной записи.