8-900-374-94-44
Стандартные способы хранения и обработки цвета в компьютере обусловлены свойствами человеческого зрения. Наиболее распространены системы RGB для дисплеев и CMYK для работы в типографском деле, также для цветовой настройки изображения в графических редакторах — система HSB.
Иногда используется система с большим, чем три, числом компонент. Кодируется спектр отражения или испускания источника, что позволяет более точно описать физические свойства цвета. Такие схемы используются в фотореалистичном трёхмерном рендеринге.
Палитра цветов в системе цветопередачи RGB
С экрана монитора человек воспринимает цвет как сумму излучения трёх базовых цветов: красного, зелёного, синего. Такая система цве
топередачи называется RGB (Red — красный, Green — зелёный, Blue — синий). Цвета в этой палитре формируются путём сложения базовых цветов, каждый из которых может иметь разлиную интенсивность. Цвет Color можно определить с помощью формулы:
0 ≤ B ≤ 255 или в 2-ичной системе счисления 0 ≤ B ≤ 11111111 или в 16-ичной системе счисления 0 ≤ B ≤ FF
Эти неравенства применимы при кодирование с глубиной цвета в 24 бита, на кодирование каждого цвета выделяется 8 бит, в этом случае для каждого из цветов возможны N = 28 = 256 уровней интенсивности.
| Цвет | Двоичный и десятичный коды интенсивности базовых цветов | ||||||||
| КРАСНЫЙ | ЗЕЛЁНЫЙ | СИНИЙ | |||||||
| Чёрный | 00000000 | 0 | 00 | 00000000 | 0 | 00 | 00000000 | 0 | 00 |
| Красный | 11111111 | 255 | FF | 00000000 | 0 | 00 | 00000000 | 0 | 00 |
| Зелёный | 0 | 00 | 11111111 | 255 | FF | 00000000 | 0 | 00 | |
| Синий | 00000000 | 0 | 00 | 00000000 | 0 | 00 | 11111111 | 255 | FF |
| Голубой | 00000000 | 0 | 00 | 11111111 | 255 | FF | 11111111 | 255 | FF |
| Пурпурный | 11111111 | 255 | FF | 00000000 | 0 | 00 | 11111111 | 255 | FF |
| Жёлтый | 11111111 | 255 | FF | 11111111 | 255 | FF | 00000000 | 0 | 00 |
| Белый | 11111111 | 255 | FF | 11111111 | 255 | 11111111 | 255 | FF | |
При написании кода web-страниц для более точного определения оттенка цвета удобно в качестве значения атрибута bgcolor использовать его 16-ричный код, который складывается из соответствующих кодов каждого базового цвета в составе выбранного оттенка. Коды основных цветов прописаны в таблице выше, для других оттенков можно определить с помощью палитр графических редакторов. Например, для создания страницы с пурпурным фоном достаточно записать тег <body bgcolor=»#FF00FF»>.
Палитра цветов в системе цветопередачи CMYK
При печати изображений на принтере используется палитра цветов CMYK. Основными красками в ней являются Cyan – голубая, Magenta – пурпурная и Yellow — желтая.
Система CMYК в отличие от RGB, основана на восприятии не излучаемого, а отражаемого света. Человеческий глаз воспринимает отраженную часть цветового спектра, цвета этой части смешиваются и мы видим определнный цвет.
Теоретически смешение этих трех цветов должно давать черный цвет, но на практике получается грязно-бурый, поэтому в палитру добавляется специально еще и черный цвет, обозначаемый буквой К (буква В зарезервирована под голубой).
Формирование цветов в системе CMYK
В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок.
| Цвет | Формирование цвета |
| Черный | = С+M+Y= — G – B — R |
| Белый | C=0 M=0 Y=0 |
| Красный | = Y+M= — G — B |
| Зеленый | = Y+C= — R — B |
| Синий | = M+C= — R -G |
| Голубой | = — R = G+B |
| Пурпурный | = — G = R+B |
| Желтый | = — B = R+G |
Палитра цветов в системе цветопередачи HSB
Для устранения аппаратной зависимости, присутствующей в RGBи CMYK цветовых моделях, были разработаны ряд интуитивных цветовых моделей, в основу которых положено раздельное восприятие цветности и яркости света, как воспринимает свет глаз человека. Цвет в них задается не в виде смеси трех основных цветов, а путем задания двух компонентов (например, в модели HSB это цветовой тон — Hue, и насыщенность — Saturation). Третий параметр задает яркость изображения и обозначается как В (Brightness — в модели HSB).
Модель HSB представлена в большинстве современных графических
редакторов. И именно модель HSB, также представленная в Photoshop, наиболее точно соответствует способу восприятия цветов человеческим глазом (из уже рассмотренных моделей).Под цветовым тоном (Н — Hue) понимается свет с доминирующей длиной волны и для его описания обычно используется, собственно, название цвета, например, синий или желтый. В графической интерпретации этой модели каждый цвет занимает определенное место на окружности и описывается углом в диапазоне 0—60. В положении 0 находится красный цвет, 120 — зеленый цвет, 240 — синий (это первичные цвета). Вторичные цвета находятся между ними. Дополнительные цвета находятся на диаметрально противоположных сторонах цветового круга. При их смешении образуется черный цвет (при печати красками) или белый (при излучении на мониторе). Это максимально контрастные цвета и действуют они на глаз раздражающе.
Понятие цветового тона не дает полного описания цвета. Кроме доминирующей длины волны, в формировании цвета участвуют и другие длины волн. Соотношение между основной, доминирующей длиной волны и всеми остальными длинами волн, образующими «серые вкрапления», называется насыщенностью. Его значение изменяется от 0 % (серый цвет) в центре круга до 100 % (полностью насыщенный) на окружности.
Третий параметр — яркость — не влияет на цветность, от него зависит, как сильно цвет будет восприниматься глазом. При нулевой яркости любой цвет будет восприниматься как черный, а максимальная яркость вызывает ощущение ослепительно белого цвета. Величина яркости также измеряется в процентах от 0 (черный) до 100 (белый). Данная компонента является нелинейной, что соответствует природе глаза.
Модель HSB носит абстрактный характер, т.к. ее компоненты на практике измерить невозможно. Чаще всего компоненты модели получают путем математического пересчета измеренных значений RGB-модели. Как следствие, в наследство от RGB-модели она получает и ограниченное цветовое пространство. Кроме того, яркость и цветовой тон не являются полностью независимыми параметрами, т.к. значительное изменение яркости влияет на изменение цветового тона, что приводит к нежелательным эффектам в виде цветовых отливов (сдвигов). Вместе с тем HSB-модель обладает двумя важными преимуществами: большей аппаратной независимостью (по сравнению с двумя предыдущими моделями) и более простым и интуитивно понятным механизмом управления цветом.
Контрольные вопросы и задания:
2.2.3. Палитры цветов в системах цветопередачи RGB, CMYK и HSB
Лабораторная работа № 5 «Учимся кодировать и декодировать графическую информацию»
Белый свет может быть разложен с помощью оптических приборов, например призмы, или капель воды в атмосфере (радуга) на различные цвета спектра: красный, оранжевый, желтый, зеленый, голубой, синий и фиолетовый (рис. 2.4).
Рис. 2.4. Разложение белого света в спектр
Хорошо известна фраза, которая помогает легко запомнить последовательность цветов в спектре видимого света: «Каждый охотник желает знать, где сидит фазан».
Человек воспринимает свет с помощью цветовых рецепторов, так называемых колбочек, находящихся на сетчатке глаза. Наибольшая чувствительность колбочек приходится на красный, зеленый и синий цвета, которые являются базовыми для человеческого восприятия. Сумма красного, зеленого и синего цветов воспринимается человеком как белый цвет, их отсутствие — как черный, а различные их сочетания — как многочисленные оттенки цветов.
Палитра цветов в системе цветопередачи RGB. С экрана монитора человек воспринимает цвет как сумму излучения трех базовых цветов: красного, зеленого и синего. Такая система цветопередачи называется RGB, по первым буквам английских названий цветов (Red, — красный, Green — зеленый, Blue — синий).
Цвета в палитре RGB формируются путем сложения базовых цветов, каждый из которых может иметь различную интенсивность.
Цвет палитры Color можно определить с помощью формулы (2.1).
При минимальных интенсивностях всех базовых цветов получается черный цвет, при максимальных интенсивностях — белый цвет. При максимальной интенсивности одного цвета и минимальной двух других — красный, зеленый и синий цвета. Наложение зеленого и синего цветов образует голубой цвет (Cyan), наложение красного и зеленого цветов — желтый цвет (Yellow), наложение красного и синего цветов — пурпурный цвет (Magenta) (табл. 2.4).
Таблица 2.4. Формирование цветов в системе цветопередачи RGB
В системе цветопередачи RGB палитра цветов формируется путем сложения красного, зеленого и синего цветов.
При глубине цвета в 24 бита на кодирование каждого из базовых цветов выделяется по 8 битов. В этом случае для каждого из цветов возможны N = 28 = 256 уровней интенсивности. Уровни интенсивности задаются десятичными (от минимального — 0 до максимального — 255) или двоичными (от 00000000 до 11111111) кодами (табл. 2.5).
Палитра цветов в системе цветопередачи CMYK. При печати изображений на принтерах используется палитра цветов в системе CMY. Основными красками в ней являются Cyan — голубая, Magenta — пурпурная и Yellow — желтая.
Цвета в палитре CMY формируются путем наложения красок базовых цветов. Цвет палитры Color можно определить с помощью формулы (2.2), в которой интенсивность каждой краски задается в процентах:
Напечатанное на бумаге изображение человек воспринимает в отраженном свете. Если на бумагу краски не нанесены, то падающий белый свет полностью отражается и мы видим белый лист бумаги. Если краски нанесены, то они поглощают определенные цвета спектра. Цвета в палитре CMY формируются путем вычитания из белого света определенных цветов.
Нанесенная на бумагу голубая краска поглощает красный свет и отражает зеленый и синий свет, и мы видим голубой цвет. Нанесенная на бумагу пурпурная краска поглощает зеленый свет и отражает красный и синий свет, и мы видим пурпурный цвет. Нанесенная на бумагу желтая краска поглощает синий свет и отражает красный и зеленый свет, и мы видим желтый цвет.
Смешав две краски системы CMY, мы получим базовый цвет в системе цветопередачи RGB. Если нанести на бумагу пурпурную и желтую краски, то будет поглощаться зеленый и синий свет, и мы увидим красный цвет. Если нанести на бумагу голубую и желтую краски, то будет поглощаться красный и синий свет, и мы увидим зеленый цвет. Если нанести на бумагу пурпурную и голубую краски, то будет поглощаться зеленый и красный свет, и мы увидим синий цвет (табл. 2.6).
Смешение трех красок — голубой, желтой и пурпурной — должно приводить к полному поглощению света, и мы должны увидеть черный цвет. Однако на практике вместо черного цвета получается грязно-бурый цвет. Поэтому в цветовую модель добавляют еще один, истинно черный цвет. Так как буква «В» уже используется для обозначения синего цвета, для обозначения черного цвета принята последняя буква в английском названии черного цвета Black, т. е. «К». Расширенная палитра получила название CMYK (см. табл. 2.6).
В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок.
Система цветопередачи RGB применяется в мониторах компьютеров, в телевизорах и других излучающих свет технических устройствах. Система цветопередачи CMYK применяется в полиграфии, так как напечатанные документы воспринимаются человеком в отраженном свете. В струйных принтерах для получения изображений высокого качества используются четыре картриджа, содержащие базовые краски системы цветопередачи CMYK (рис. 2.5).
Рис. 2.5. Использование систем цветопередачи RGB и CMYK в технике
Палитра цветов в системе цветопередачи HSB. Система цветопередачи HSB использует в качестве базовых параметров Hue (оттенок цвета), Saturation (насыщенность) и Brightness (яркость).
Параметр Hue позволяет выбрать оттенок цвета из всех цветов оптического спектра: от красного до фиолетового цвета (Н = 0 — красный цвет, Н = 120 — зеленый цвет, Н = 240 — синий цвет, Н = 360 — фиолетовый цвет).
Параметр Saturation определяет процент «чистого» оттенка и белого цвета (S = 0% — белый цвет, S = 100% — «чистый» оттенок).
Параметр Brightness определяет интенсивность цвета (минимальное значение В = 0 соответствует черному цвету, максимальное значение В = 100 соответствует максимальной яркости выбранного оттенка цвета).
В системе цветопередачи HSB палитра цветов формируется путем установки значений оттенка цвета, насыщенности и яркости.
В графических редакторах обычно имеется возможность перехода от одной модели цветопередачи к другой. Это можно сделать как с помощью мыши, перемещая указатель по цветовому полю, так и вводя параметры цветовых моделей с клавиатуры в соответствующие текстовые поля.
1. В каких природных явлениях и физических экспериментах можно наблюдать разложение белого света в спектр? Подготовьте доклад.
2. Как формируется палитра цветов в системе цветопередачи RGB? В системе цветопередачи CMYK? В системе цветопередачи HSB?
2.8. Задание с кратким ответом. Определите цвета, если заданы интенсивности базовых цветов в системе цветопередачи RGB. Заполните таблицу.
2.9. Задание с кратким ответом. Определите цвета, если на бумагу нанесены краски в системе цветопередачи CMYK. Заполните таблицу.
Cкачать материалы урока
Палитры цветов в системах цветопередачи
RGB, CMYK и HSB .
РАЗЛОЖЕНИЕ БЕЛОГО ЦВЕТА В СПЕКТРЕ
К аждый о хотник ж елает з нать
г де с идит ф азан
Палитра цветов в системе
цветопередачи RGB
В системе цветопередачи RGB человек воспринимает цвет как сумму излучения трёх базовых цветов:
Красного ( red )
Зелёного (green)
Синего (blue)
B
Цвета в палитре RGB формируются путём сложения базовых цветов, каждый из которых может иметь различную интенсивность.
R
G
Формирование цветов в
системе цветопередачи RGB
ЦВЕТ
ЧЁРНЫЙ
ФОРМИРОВАНИЕ ЦВЕТА
BLACK = 0 + 0 + 0
БЕЛЫЙ
WHITE= Rmax + Gmax + Bmax
КРАСНЫЙ
RED = Rmax +0 + 0
ЗЕЛЁНЫЙ
СИНИЙ
GREEN = 0 + Gmax + 0
BLUE = 0 + 0 + Bmax
ГОЛУБОЙ
CYAN = 0 + Gmax + Bmax
ПУРПУРНЫЙ
MAGENTA = Rmax + 0 + Bmax
ЖЁЛТЫЙ
YELLOW = Rmax + Gmax + 0
Палитра цветов в системе
цветопередачи CMYK
Цвета в системе цветопередачи CMYK формируются путём наложения красок базовых цветов:
Голубого ( cyan )
Пурпурного (magenta)
Жёлтого (yellow)
Интенсивность каждой краски задаётся в процентах.
M
При печати изображений на принтерах используется палитра цветов в системе CMY . Цвета в палитре CMY формируются путём вычитания из белого света определённых цветов.
Y
C
Формирование цветов в
системе цветопередачи CMYK
ЦВЕТ
ЧЁРНЫЙ
ФОРМИРОВАНИЕ ЦВЕТА
BLACK = K=C+M+Y=W – G – B – R
БЕЛЫЙ
WHITE= W=(C=0,M=0,Y=0)
КРАСНЫЙ
RED = R=Y+C=W –B – G
ЗЕЛЁНЫЙ
СИНИЙ
GREEN = G= Y+C=W – B – R
BLUE = B= M+C=W – G – R
ГОЛУБОЙ
CYAN = C= W – R= G + B
ПУРПУРНЫЙ
MAGENTA = M=W – G = R +B
ЖЁЛТЫЙ
YELLOW = Y=W – B =R+G
Палитра цветов в системе цветопередачи HSB
Система HSB используется в качестве базовых параметров:
Hue (оттенок цвета)
Saturation (насыщенность)
Brightness (яркость).
Параметр Hue позволяет выбрать оттенок цвета из всех цветов оптического спектра: от красного цвета до фиолетового.
Базовый цвет
Насыщенность оттенка (Н)
Красный
0
Зелёный
120
Синий
240
Фиолетовый
360
Параметр Satturation определяет процент «чистого» оттенка и белого цвета
S = 0 % — белый цвет
S = 100 % — «чистый» оттенок
Параметр Brightness определяет интенсивность цвета
В = 0 – соответствует чёрному цвету
В = 100 – соответствует максимальной яркости выбранного оттенка цвета
Домашнее задание
2. § 1. 1. 3. читать
Очень часто у людей, напрямую не связанных с полиграфическим дизайном, возникают вопросы «Что такое CMYK?», «Что такое Pantone?» и «почему нельзя использовать ничего, кроме CMYK?».
В этой статье постараемся немного разобраться, что такое цветовые пространства CMYK, RGB, LAB, HSB и как использовать краски Pantone в макетах.
CMY(K), RGB, Lab, HSB — это цветовая модель. Цветовая модель — термин, обозначающий абстрактную модель описания представления цветов в виде кортежей чисел, обычно из трёх или четырёх значений, называемых цветовыми компонентами или цветовыми координатами. Вместе с методом интерпретации этих данных множество цветов цветовой модели определяет цветовое пространство.
RGB — аббревиатура английских слов Red, Green, Blue — красный, зелёный, синий. Аддитивная (Add, англ. — добавлять) цветовая модель, как правило, служащая для вывода изображения на экраны мониторов и другие электронные устройства. Как видно из названия – состоит из синего, красного и зеленого цветов, которые образуют все промежуточные. Обладает большим цветовым охватом.
Главное, что нужно понимать, это то, что аддитивная цветовая модель предполагает, что вся палитра цветов складывается из светящихся точек. То есть на бумаге, например, невозможно отобразить цвет в цветовой модели RGB, поскольку бумага цвет поглощает, а не светится сама по себе. Итоговый цвет можно получить, прибавляя к исходномой черной (несветящейся) поверхности проценты от каждого из ключевых цветов.
CMYK — Cyan, Magenta, Yellow, Key color — субтрактивная (subtract, англ. — вычитать) схема формирования цвета, используемая в полиграфии для стандартной триадной печати. Обладает меньшим, в сравнении с RGB, цветовым охватом.
CMYK называют субстрактивной моделью потому, что бумага и прочие печатные материалы являются поверхностями, отражающими свет. Удобнее считать, какое количество света отразилось от той или иной поверхности, нежели сколько поглотилось. Таким образом, если вычесть из белого три первичных цвета — RGB, мы получим тройку дополнительных цветов CMY. «Субтрактивный» означает «вычитаемый» — из белого вычитаются первичные цвета.
Key Color (черный) используется в этой цветовой модели в качестве замены смешению в равных пропорциях красок триады CMY. Дело в том, что только в идеальном варианте при смешении красок триады получается чистый черный цвет. На практике же он получится, скорее, грязно-коричневым — в результате внешних условий, условий впитываемости краски материалом и неидеальности красителей. К тому же, возрастает риск неприводки в элементах, напечатанных черным цветом, а также переувлажнения материала (бумаги).
В цветовом пространстве Lab значение светлоты отделено от значения хроматической составляющей цвета (тон, насыщенность). Светлота задана координатой L (изменяется от 0 до 100, то есть от самого темного до самого светлого), хроматическая составляющая — двумя декартовыми координатами a и b. Первая обозначает положение цвета в диапазоне от зеленого до пурпурного, вторая — от синего до желтого.
В отличие от цветовых пространств RGB или CMYK, которые являются, по сути, набором аппаратных данных для воспроизведения цвета на бумаге или на экране монитора (цвет может зависеть от типа печатной машины, марки красок, влажности воздуха на производстве или производителя монитора и его настроек), Lab однозначно определяет цвет. Поэтому Lab нашел широкое применение в программном обеспечении для обработки изображений в качестве промежуточного цветового пространства, через которое происходит конвертирование данных между другими цветовыми пространствами (например, из RGB сканера в CMYK печатного процесса). При этом особые свойства Lab сделали редактирование в этом пространстве мощным инструментом цветокоррекции.
Благодаря характеру определения цвета в Lab появляется возможность отдельно воздействовать на яркость, контраст изображения и на его цвет. Во многих случаях это позволяет ускорить обработку изображений, например, при допечатной подготовке. Lab предоставляет возможность избирательного воздействия на отдельные цвета в изображении, усилиения цветового контраста, незаменимыми являются и возможности, которые это цветовое пространство предоставляет для борьбы с шумом на цифровых фотографиях.
HSB — модель, которая в принципе является аналогом RGB, она основана на её цветах, но отличается системой координат.
Любой цвет в этой модели характеризуется тоном (Hue), насыщенностью (Saturation) и яркостью (Brightness). Тон — это собственно цвет. Насыщенность — процент добавленной к цвету белой краски. Яркость — процент добавленной чёрной краски. Итак, HSB — трёхканальная цветовая модель. Любой цвет в HSB получается добавлением к основному спектру чёрной или белой, т.е. фактически серой краски. Модель HSB не является строгой математической моделью. Описание цветов в ней не соответствует цветам, воспринимаемых глазом. Дело в том, что глаз воспринимает цвета, как имеющие различную яркость. Например, спектральный зелёный имеет большую яркость, чем спектральный синий. В HSB все цвета основного спектра (канала тона) считаются обладающими 100%-й яркостью. На самом деле это не соответствует действительности.
Хотя модель HSB декларирована как аппаратно-независимая, на самом деле в её основе лежит RGB. В любом случае HSB конвертируется в RGB для отображения на мониторе и в CMYK для печати,а любая конвертация не обходится без потерь.
В стандартном случае полиграфическая печать осуществляется голубой, пурпурной, желтой и черной красками, что, собственно и составляет палитру CMYK. Макеты, подготовленные для печати, должны быть в этом пространстве, поскольку в процессе подготовки фотоформ растровый процессор однозначно трактует любой цвет как составляющую CMYK. Соответственно, RGB-рисунок, который на экране смотрится очень красиво и ярко, на конечной продукции будет выглядеть совсем не так, а, скорее, серым и бледным. Цветовой охват CMYK меньше, чем RGB, поэтому все изображения, подготавливаемые для полиграфической печати, требуют цветокоррекции и правильной конвертации в цветовой пространство CMYK!. В частности, если вы пользуетесь Adobe Photoshop для обработки растровых изображений, следует пользоваться командой Convert to Profile из меню Edit.
В связи с тем, что для воспроизведения очень ярких, «ядовитых» цветов цветового охвата CMYK недостаточно, в отдельных случаях используется печать CMYK + дополнительные (SPOT) краски. Дополнительные краски обычно называют Pantone, хотя это не совсем верно (каталог Pantone описывает все цвета, как входящие в CMYK, так и не содержащиеся в нем) — правильно называть такие цвета SPOT (плашечные), в отличие от смесевых, то есть CMYK.
Физически это означает, что вместо четырех печатных секций со стандартными CMYK-цветами используется большее их количество. Если печатных секций всего четыре, организовывается дополнительный прогон, при котором в уже готовое изделие впечатываются дополнительные цвета.
Существуют печатные машины с пятью печатными секциями, поэтому печать всех цветов происходит за один прогон, что, несомненно, улучшает качество приводки цвета в готовом изделии. В случае печати в 4 CMYK-секциях и дополнительным прогоном через печатную машину с плашечными красками цветосовпадение может страдать. Особенно это будет заметно на машинах с менее чем 4 печатными секциями — наверняка не раз вы видели рекламные листовки, где за края, к примеру, красивых ярко-красных букв может немного выступать желтая рамочка, которая есть ни что иное, как желтая краска из раскладки данного красивого красного цвета.
Если вы готовите макет для печати в типографии и вами не оговорена возможность печати дополнительными (SPOT) красками, готовьте макет в цветовом пространстве CMYK, какими бы привлекательными вам не казались цвета в палитрах Pantone. Дело в том, что для имитации цвета Pantone на экране используются цвета, выходящие за пределы цветового пространства CMYK. Соответственно, все ваши SPOT-краски будут автоматически переведены в CMYK и результат будет совсем не таким, как вы ожидаете.
Если в вашем макете (при договоренности об использовании триады) все-таки есть не CMYK краски, будьте готовы к тому, что макет вам вернут и попросят переделать.
cmyk цвета. rgb cmyk цвета. расшифровка cmyk цветов. cmyk цвета расшифровка. цвета модели cmyk. черный цвет cmyk. цвета cmyk палитра. палитра цветов cmyk. основные цвета cmyk. синий цвет cmyk. cmyk какие цвета. система цветов cmyk. система цвета cmyk. cmyk красный цвет. коды цветов cmyk. cmyk коды цвета. основной цвет модели cmyk. цвета для печати cmyk. цвета cmyk таблица. cmyk таблица цветов. как перевести цвет из cmyk в. перевод цвета в cmyk. золотой цвет cmyk. как перевести цвета из rgb в cmyk. базовые цвета cmyk. цветовая модель cmyk цвета. системы цветов rgb cmyk. как перевести в cmyk без потери цвета. из rgb в cmyk без потери цвета. системы цветов rgb cmyk hsb. яркие цвета в cmyk. зеленый цвет cmyk. базовые цвета в модели cmyk. цвет золото cmyk. желтый цвет cmyk. бордовый цвет cmyk. бежевый цвет cmyk. коричневый цвет cmyk. составные цвета cmyk. cmyk цвета онлайн. чистые цвета cmyk. перевод цвета cmyk в rgb. составной черный цвет cmyk. голубой цвет cmyk. cmyk раскладка цветов. цвета российского флага cmyk. палитра цветов в системе цветопередачи cmyk. номера цветов cmyk. номер цвета cmyk. палитры цветов в системах цветопередачи rgb cmyk.
Ссылка на источник| Слайд №2 | |
| Белый свет может быть разложен с помощью оптических приборов (например, призмы) или природных явлений (радуги) на различные цвета спектра: красный, оранжевый, желтый, зеленый, голубой, синий и фиолетовый . Хорошо известна фраза, которая помогает легко запомнить последовательность цветов в спектре видимого света: «Каждый охотник желает знать, где сидит фазан». | |
| Слайд №3 | |
| Человек воспринимает свет с помощью цветовых рецепторов, так называемых колбочек, находящихся на сетчатке глаза. Наибольшая чувствительность колбочек приходится на красный, зеленый и синий цвета, которые являются базовыми для человеческого восприятия. Сумма красного, зеленого и синего цветов воспринимается человеком как белый цвет, их отсутствие — как черный, а различные их сочетания — как многочисленные оттенки цветов. У радуги 7 цветов. | |
| Слайд №4 | |
| Палитра цветов в системе цветопередачи RGB. С экрана монитора человек воспринимает цвет как сумму излучения трех базовых цветов: красного, зеленого и синего. Такая система цветопередачи называется RGB, по первым буквам английских названий цветов (Red — красный, Green — зеленый, Blue — синий). Цвета в палитре RGB формируются путем сложения базовых цветов, каждый из которых может иметь различную интенсивность. Цвет палитры Color можно определить с помощью формулы Color = R + G + В, | |
| Слайд №5 | |
| Формирование цветов в системе цветопередачи RGB При минимальных интенсивностях всех базовых цветов получается черный цвет, при максимальных интенсивности – белый цвет. При максимальной интенсивности одного цвета и минимальной двух других – красный, зеленый и синий цвета. Наложение зеленого и синего цветов образует голубой цвет (Cyan), наложение красного и зеленого цветов — желтый цвет (Yellow), наложение красного и синего цветов — пурпурный цвет (Magenta). | |
| Слайд №6 | |
| Формирование цветов в системе цветопередачи RGB Цвет Формирование цвета Черный Black = 0 + 0 + 0 Белый White = Rmax + Gmax + В max Красный Red = Rmax + 0 + 0 Зеленый Green = 0 + Gmax + 0 Синий Blue = 0 + 0 + Bmax Голубой Cyan = 0 + Gmax + Bmax Пурпурный Magenta = Rmax + 0 + Bmax Желтый Yellow = Rmax + Gmax + 0 В системе цветопередачи RGB палитра цветов формируется путем сложения красного, зеленого и синего цветов. | |
| Слайд №7 | |
| Кодировка цветов при глубине цвета 24 бита При глубине цвета в 24 бита на кодирование каждого из базовых цветов выделяется по 8 битов. В этом случае для каждого из цветов возможны N = 28 = 256 уровней интенсивности. Уровни интенсивности задаются десятичными (от минимального — 0 до максимального — 255) или двоичными (от 00000000 до 11111111) кодами. | |
| Слайд №8 | |
| Кодировка цветов при глубине цвета 24 бита Цвет Двоичный и десятичный коды интенсивности базовых цветов Двоичный и десятичный коды интенсивности базовых цветов Двоичный и десятичный коды интенсивности базовых цветов Двоичный и десятичный коды интенсивности базовых цветов Двоичный и десятичный коды интенсивности базовых цветов Двоичный и десятичный коды интенсивности базовых цветов Цвет Красный Красный Зеленый Зеленый Синий Синий Черный 00000000 0 00000000 0 00000000 0 Красный 11111111 255 00000000 0 00000000 0 Зеленый 00000000 0 11111111 255 00000000 0 Синий 00000000 0 00000000 0 11111111 255 255 Голубой 00000000 0 11111111 255 11111111 255 255 Пурпурный 11111111 255 00000000 0 11111111 255 Желтый 11111111 255 11111111 255 00000000 0 Белый 11111111 255 11111111 255 11111111 255 | |
| Слайд №9 | |
| Десятичные коды интенсивности базовых цветов. | |
| Слайд №10 | |
| Палитра цветов в системе цветопередачи CMYK. При печати изображений на принтерах используется палитра цветов в системе CMY. Основными красками в ней являются Cyan — голубая, Magenta — пурпурная и Yellow — желтая. Цвета в палитре CMY формируются путем наложения красок базовых цветов. Цвет палитры Color можно определить с помощью формулы , в которой интенсивность каждой краски задается в процентах: Color = С+М + Y, где 0% <= С <= 100%, 0% <= М <= 100%, 0% <= Y<= 100%. | |
| Слайд №11 | |
| Палитра цветов в системе цветопередачи CMYK. Напечатанное на бумаге изображение человек воспринимает в отраженном свете. Если на бумагу краски не нанесены, то падающий белый свет полностью отражается и мы видим белый лист бумаги. Если краски нанесены, то они поглощают определенные цвета спектра. Цвета в палитре CMY формируются путем вычитания из белого света определенных цветов. | |
| Слайд №12 | |
| Нанесенная на бумагу голубая краска поглощает красный свет и отражает зеленый и синий свет, и мы видим голубой цвет. Нанесенная на бумагу пурпурная краска поглощает зеленый свет и отражает красный и синий свет, и мы видим пурпурный цвет. Нанесенная на бумагу желтая краска поглощает синий свет и отражает красный и зеленый свет, и мы видим желтый цвет. | |
| Слайд №13 | |
| Смешав две краски системы CMY, мы получим базовый цвет в системе цветопередачи RGB. Если нанести на бумагу пурпурную и желтую краски, то будет поглощаться зеленый и синий свет, и мы увидим красный цвет. Если нанести на бумагу голубую и желтую краски, то будет поглощаться красный и синий свет, и мы увидим зеленый цвет. Если нанести на бумагу пурпурную и голубую краски, то будет поглощаться зеленый и красный свет, и мы увидим синий цвет | |
| Слайд №14 | |
| Смешение трех красок — голубой, желтой и пурпурной — должно приводить к полному поглощению света, и мы должны увидеть черный цвет. Однако на практике вместо черного цвета получается грязно-бурый цвет. Поэтому в цветовую модель добавляют еще один, истинно черный цвет. Так как буква В уже используется для обозначения синего цвета, для обозначения черного цвета принята последняя буква в английском названии черного цвета Black, т. е. К. Расширенная палитра получила название CMYK | |
| Слайд №15 | |
| Формирование цветов в системе цветопередачи CMYK Цвет Формирование цвета Черный Black = К = С + М + Y= W-G- В- R Белый White =W = (C = 0, М = 0, У = 0) Красный Red =R=Y+M=W-B-G Зеленый Green = G = Y+C = W-B-R Синий Blue = Б = /И + С= W-G-R Голубой Cyan = C=W-R=G + В Пурпурный Magenta = M =W-G = R + В Желтый Yellow = Y = W — В = R +G В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок. | |
| Слайд №16 | |
| Система цветопередачи RGB применяется в мониторах компьютеров, в телевизорах и других излучающих свет технических устройствах. Система цветопередачи CMYK применяется в полиграфии, так как напечатанные документы воспринимаются человеком в отраженном свете. В струйных принтерах для получения изображений высокого качества используются четыре картриджа, содержащие базовые краски системы цветопередачи | |
| Слайд №17 | |
| Слайд №18 | |
| Палитра цветов в системе цветопередачи HSB. Система цветопередачи HSB использует в качестве базовых параметров Hue (оттенок цвета), Saturation (насыщенность) и Brightness (яркость). Параметр Hue позволяет выбрать оттенок цвета из всех цветов оптического спектра: от красного цвета до фиолетового (Н = 0 — красный цвет, Н = 120 — зеленый цвет, Н = 240 — синий цвет, Н = 360 — фиолетовый цвет ). Параметр Saturation определяет процент «чистого» оттенка и белого цвета (S = 0% — белый цвет, S = 100% — «чистый» оттенок). Параметр Brightness определяет интенсивность цвета (минимальное значение В = 0 соответствует черному цвету, максимальное значение В = 100 соответствует максимальной яркости выбранного оттенка цвета). | |
| Слайд №19 | |
| В системе цветопередачи HSB палитра цветов формируется путем установки значений оттенка цвета, насыщенности и яркости. | |
| Слайд №20 | |
| В графических редакторах обычно имеется возможность перехода от одной модели цветопередачи к другой. Это можно сделать как с помощью мыши, перемещая указатель по цветовому полю, так и вводя параметры цветовых моделей с клавиатуры в соответствующие текстовые поля. | |
| Слайд №21 | |
| Домашнее задание §1.1.3. стр. 15 – 21, контрольные вопросы, Задание для самостоятельного выполнения 1.6. и 1.7. | |
Слайд 1
системы цветопередачи RGB, CMYK, HSBСлайд 2
При работе с цветом используются понятия цветовое разрешение и цветовая модель. Цветовое разрешение ( глубина цвета) определяет метод кодирования цветовой информации, и от него зависит то, сколько цветов на экране может отображаться одновременно. Цвета в природе редко являются простыми. Большинство цветовых оттенков образуется смешением основных цветов. Цветовой моделью называется способ разделения цветового оттенка на составляющие компоненты.
Слайд 3
Белый свет может быть разложен при помощи преломления на различные цвета спектра:
Слайд 4
Человеческий глаз Наиболее воспринимает красный, зеленый, синий цвета. Эти цвета являются базовыми.
Слайд 5
Ц В Е Т получается в процессе излучения описывается с помощью цветовых моделей отражения
Слайд 6
Существует много различных типов цветовых моделей, но в компьютерной графике, как правило, применяется не более трех. RGB , CMYK и HSB .
Слайд 7
Аддитивная модель англ . “ add ” – «присоединять» R ED – красный G REEN – зеленый B LUE – синий Цвет получается в результате суммирования трех цветов. Основными цветами являются: Цветовая модель RGB Наиболее проста для понимания и очевидна модель RGB. В этой модели работают мониторы и бытовые телевизоры.
Слайд 8
Аддитивный – при увеличении яркости отдельных цветов результирующий цвет становится ярче. В палитре RGB каждый из цветов может менять свою интенсивность от 0 до 255 . 0 – интенсивность цвета минимальна 255 – интенсивность цвета максимальна применяется всюду, где цветное изображение рассматривается в проходящем свете («на просвет»): в мониторах, слайд-проекторах и т.п., чем меньше яркость, тем темнее оттенок.
Слайд 9
Красный Зеленый Синий Цвет 0 0 0 Черный 255 0 0 Красный 0 255 0 Зеленый 0 0 255 Синий 0 255 255 Голубой 255 255 0 Желтый 255 0 255 Пурпурный 255 255 255 Белый Таблица цветов R G B
Слайд 10
Субтрактивная модель Cyan – голубой Magenta – пурпурный Yellow – желтый англ . “ subtract ” – «вычитать» Каждый из них поглощает (вычитает) определенные цвета из белого света, падающего на печатаемую палитру. Основными цветами являются: Цветовая модель CMYK Эту модель используют для подготовки не экранных, а печатных изображений.
Слайд 11
Субтрактивный — при увеличении яркости отдельных цветов результирующий цвет становится темнее. В палитре CMY каждый из цветов может менять свою интенсивность от 0 до 255. 0 – интенсивность цвета минимальна 255 – интенсивность цвета максимальна Из-за особенностей типографских красок смесь трех цветов дает не черный, а грязно – коричневый цвет. Поэтому к основным цветам добавляют еще и черный. C yan – голубой; M agenta – пурпурный; Y ellow – желтый; Blac k – черный.
Слайд 12
Голубой (нет красного) Пурпурный (нет зеленого) Желтый (нет синего) Цвет 0 0 0 Белый 0 0 255 Желтый 0 255 0 Пурпурный 255 0 0 Голубой 0 255 255 Красный 255 0 255 Зеленый 255 255 0 Синий 255 255 255 Черный Таблица цветов С M Y K
Слайд 13
Отличие в воспроизведении цветов в моделях R G B и С M Y K
Слайд 14
Цветовая модель H S B Hue — цветовой тон Saturation — насыщенность Brightness — яркость При работе в графических программах с помощью этой модели очень удобно подбирать цвет, так как представление в ней цвета согласуется с его восприятием человеком.
Слайд 15
Цвет представляется как комбинация параметров цвета: тона, насыщенности и яркости. Тон имеет 360 уровней, а цвет и яркость по 100 уровней.
Слайд 16
Круговое расположение цветов модели H S B
Слайд 17
модель RGB – удобна для компьютера, CMYK – для типографий , H SB — для человека
Создание изображения в неправильном цветовом режиме может стать проблемой. Рассмотрим основные различия между двумя цветовыми моделями RGB и CMYK .
RGB:
RGB состоит из значений красного, зеленого и синего цветов. Эта схема более известна как аддитивная модель. Когда свет от экрана проецируется на цвета, он смешивает их вместе на сетчатке глаза, создавая нужные оттенки.
Аддитивные цвета создаются с помощью метода, который сочетает в себе множество разных оттенков. Красный, зеленый и синий – главные цвета, которые используются в аддитивной модели. Комбинации двух из этих цветов создают дополнительный цвет: голубой, пурпурный или желтый.
Изображения в RGB вы часто видите на экранах телевизоров и мониторах компьютеров. Этот режим может использоваться только устройствами, генерирующими свет. Изображение, выполненное в RGB , подходит для печати только на цифровом принтере.
Если вы хотите, чтобы макет был напечатан профессионально, придется изменить цветовой режим на CMYK .
CMYK:
CMYK расшифровывается как голубой, пурпурный, желтый и черный. Это субтрактивная модель, противоположная RGB . В ней цвета вычитаются из естественного белого света в пигменты, которые затем печатаются на бумаге крошечными точками. Например, вычитание пурпурного цвета из желтого даст красный цвет.
Субтрактивные цвета начинаются с белого. Поэтому, чем больше цветов добавляется, тем темнее они будут. Причина этого заключается в том, что свет поглощается или удаляется для создания различных цветов.
Основной цвет для цветовой модели CMYK – черный (K ). Добавление этого цвета помогает нейтрализовать изображения и увеличить плотность тени.
Чернила CMYK не всегда будут иметь тот же цвет, что и исходное изображение. Но существует много комбинаций CMYK , при использовании которых изображение на бумаге выглядит так, как на компьютере в режиме RGB .
Такие программы, как Photoshop , Illustrator и InDesign , предоставляют пресеты CMYK , которые помогают подобрать лучшую комбинацию настроек печати.
Любое изображение уникально, поэтому величина использованного в нем белого и смешение других цветов в каждой модели будет разным. В результате как RGB , так и CMYK отображаются по-разному.
Например, RGB предлагает более широкий диапазон цветов. Поэтому созданный в этой модели файл позволяет использовать яркие, живые цвета. Когда он преобразуется в CMYK , многие из ярких оттенков выглядят тусклыми или мутными.
При печати, независимо от используемой модели, цвета становятся темнее. Проверьте, в каких форматах может печатать принтер, и соберите сведения о конверсиях файлов. Все принтеры разные, поэтому и DPI будет отличаться.
Многие дизайнеры по-прежнему предпочитают создавать свои проекты сначала в RGB , а затем конвертировать их в CMYK перед отправкой на печать. Это связано с тем, что RGB поддерживает более широкий диапазон цветов.
Еще одним преимуществом является то, что RGB позволяет работать с файлами меньшего размера. А также, что Photoshop , InDesign и Illustrator базируются на RGB и эта модель поддерживается в web .
Но если в отпечатанной продукции важна точность цвета, то лучше использовать CMYK . Проектирование в этом цветовом режиме позволит получить более четкое представление о готовом продукте.
Если используете цифровой принтер, сохраните файл в формате RGB . Это лучший вариант при печати фотографий. Ели у вас есть файл, который нужно распечатать на офсетном полноцветном принтере, то проведите преобразование в CMYK .
Перед конвертированием сохраните резервную копию своего файла. Вы можете выполнить сведение слоев перед конвертированием, но это не обязательно.
Adobe Photoshop , Illustrator и InDesign являются наиболее распространенными программами, используемыми для создания графических проектов. Они ориентированы на работу в режиме RGB .
Поэтому данные редакторы упрощают преобразование в CMYK и установку конкретной схемы цветопередачи для печати. Это выполняется следующим образом:
Illustrator: Файл > Цветовой режим документа > CMYK или RGB .
InDesign: Окно> Цвет > CMYK или RGB .
Пошаговая инструкция по настройке цветовых режимов для печати в Photoshop :
Шаг 1 . Выберите меню «Редактирование » (Edit ), затем пункт «Настройка цветов » (Color Setting ).
Шаг 2 . Выберите профиль CMYK , наиболее подходящий для печати.
Шаг 3 . Вы можете выбрать опцию «Больше параметров », чтобы установить схему цветопередачи при преобразовании значений RGB в CMYK . «Перцепционный » метод лучше всего подходит для фотографий, поскольку сохраняет визуальное соответствие с исходным изображением.
Шаг 4 . Откройте изображение RGB , которое нужно преобразовать.
Шаг 5 . Внесите изменения, пока изображение еще находится в режиме RGB .
RGB модель описывает излучаемые цвета. Она основана на трёх основных (базовых) цветах: красный (Red), зелёный (Green) и синий (Blue). RGB-модель можно назвать «родной» для дисплея. Остальные цвета получаются сочетанием базовых. Цвета такого типа называются аддитивными.
Из рисунка видно, что сочетание зелёного и красного дают жёлтый цвет, сочетание зелёного и синего — голубой, а сочетание всех трёх цветов — белый. Из этого можно сделать вывод о том, что цвета в RGB складываются субтрактивно.
Основные цвета взяты из биологии человека. То есть, эти цвета основаны на физиологической реакции человеческого глаза на свет. Человеческий глаз имеет фоторецептор клеток, реагирующих на наиболее зеленый (М), желто-зеленый (L) и сине-фиолетовый (S) света (максимальная длин волн от 534 нм, 564 нм и 420 нм соответственно). Человеческий мозг может легко отличить широкий спектр различных цветов на основе различий в сигналах, полученных от трех волн.
Наиболее широко RGB цветовая модель используется в ЖК или плазменных дисплеях, таких как телевизор или монитор компьютера. Каждый пиксель на дисплее может быть представлен в интерфейсе аппаратных средств (например, графические карты) в качестве значений красного, зеленого и синего. RGB значения изменяются в интенсивности, которые используются для наглядности. Камеры и сканеры также работают в том же порядке, они захватывают цвет с датчиками, которые регистрируют различную интенсивность RGB на каждый пиксель.
В режиме 16 бит на пиксель, также известном как Highcolor, есть либо 5 бит на цвет (часто упоминается как 555 режим) или с дополнительным битом для зеленого цвета (известен как 565 режим). Дополнен зеленый цвет из-за того, что человеческий глаз имеет способность выявлять больше оттенков зеленого, чем любого другого цвета.
RGB значения, представленные в режиме 24 бит на пиксель (bpp), известном также под именем Truecolor, обычно выделяется три целых значения между 0 и 255. Каждое из этих трех чисел представляет собой интенсивность красного, зеленого и синего соответственно.
В RGB — три канала: красный, синий и зелёный, т.е. RGB — трёхканальная цветовая модель. Каждый канал может принимать значения от 0 до 255 в десятичной или, что ближе к реальности, от 0 до FF в шестнадцатеричной системах счисления. Это объясняется тем, что байт, которым кодируется канал, да и вообще любой байт состоит из восьми битов, а бит может принимать 2 значения 0 или 1, итого 28=256. В RGB, например, красный цвет может принимать 256 градаций: от чисто красного (FF) до чёрного (00). Таким образом несложно подсчитать, что в модели RGB содержится всего 2563 или 16777216 цветов.
В RGB три канала, и каждый кодируется 8-ю битами. Максимальное, FF (или 255) значение даёт чистый цвет. Белый цвет получается путём сочетания всех цветов, точнее, их предельных градаций. Код белого цвета = FF(красный) + FF(зелёный) + FF(синий). Соответственно код чёрного = 000000. Код жёлтого = FFFF00, пурпурного = FF00FF, голубого = 00FFFF.
Также есть еще 32 и 48 битные режимы отображения цветов.
RGB не используется для печати на бумаге, вместо нее существует CMYK-цветовое пространство.
CMYK — это цветовая модель используемая в цветной печати. Цветовая модель является математической моделью для описания цветов целыми числами. CMYK модель построена на голубом, пурпурном, желтом и черном цветах.
| Планирование уроков на учебный год (по учебнику Н.Д. Угриновича) | Палитры цветов в системах цветопередачи RGB, CMYK и HSB
Белый свет может быть разложен с помощью оптических приборов, например призмы, или капель воды в атмосфере (радуга) на различные цвета спектра: красный, оранжевый, желтый, зеленый, голубой, синий и фиолетовый (рис. 2.4).
Рис. 2.4. Разложение белого света в спектр
Хорошо известна фраза, которая помогает легко запомнить последовательность цветов в спектре видимого света: « Каждый охотник желает знать , где сидит фазан ».
Человек воспринимает свет с помощью цветовых рецепторов, так называемых колбочек, находящихся на сетчатке глаза. Наибольшая чувствительность колбочек приходится на красный, зеленый и синий цвета, которые являются базовыми для человеческого восприятия. Сумма красного, зеленого и синего цветов воспринимается человеком как белый цвет, их отсутствие — как черный, а различные их сочетания — как многочисленные оттенки цветов.
Палитра цветов в системе цветопередачи RGB . С экрана монитора человек воспринимает цвет как сумму излучения трех базовых цветов: красного, зеленого и синего. Такая система цветопередачи называется RGB, по первым буквам английских названий цветов (Red, — красный , Green — зеленый , Blue — синий ).
Цвета в палитре RGB формируются путем сложения базовых цветов, каждый из которых может иметь различную интенсивность.
Цвет палитры Color можно определить с помощью формулы (2.1).
При минимальных интенсивностях всех базовых цветов получается черный цвет, при максимальных интенсивностях — белый цвет. При максимальной интенсивности одного цвета и минимальной двух других — красный, зеленый и синий цвета. Наложение зеленого и синего цветов образует голубой цвет (Cyan), наложение красного и зеленого цветов — желтый цвет (Yellow), наложение красного и синего цветов — пурпурный цвет (Magenta) (табл. 2.4).
Таблица 2.4. Формирование цветов в системе цветопередачи RGB
В системе цветопередачи RGB палитра цветов формируется путем сложения красного, зеленого и синего цветов.
При глубине цвета в 24 бита на кодирование каждого из базовых цветов выделяется по 8 битов. В этом случае для каждого из цветов возможны N = 2 8 = 256 уровней интенсивности. Уровни интенсивности задаются десятичными (от минимального — 0 до максимального — 255) или двоичными (от 00000000 до 11111111) кодами (табл. 2.5).
Палитра цветов в системе цветопередачи CMYK. При печати изображений на принтерах используется палитра цветов в системе CMY . Основными красками в ней являются Cyan — голубая , Magenta — пурпурная и Yellow — желтая .
Цвета в палитре CMY формируются путем наложения красок базовых цветов . Цвет палитры Color можно определить с помощью формулы (2.2), в которой интенсивность каждой краски задается в процентах:
Напечатанное на бумаге изображение человек воспринимает в отраженном свете. Если на бумагу краски не нанесены, то падающий белый свет полностью отражается и мы видим белый лист бумаги. Если краски нанесены, то они поглощают определенные цвета спектра. Цвета в палитре CMY формируются путем вычитания из белого света определенных цветов.
Нанесенная на бумагу голубая краска поглощает красный свет и отражает зеленый и синий свет, и мы видим голубой цвет. Нанесенная на бумагу пурпурная краска поглощает зеленый свет и отражает красный и синий свет, и мы видим пурпурный цвет. Нанесенная на бумагу желтая краска поглощает синий свет и отражает красный и зеленый свет, и мы видим желтый цвет.
Смешав две краски системы CMY, мы получим базовый цвет в системе цветопередачи RGB. Если нанести на бумагу пурпурную и желтую краски, то будет поглощаться зеленый и синий свет, и мы увидим красный цвет. Если нанести на бумагу голубую и желтую краски, то будет поглощаться красный и синий свет, и мы увидим зеленый цвет. Если нанести на бумагу пурпурную и голубую краски, то будет поглощаться зеленый и красный свет, и мы увидим синий цвет (табл. 2.6).
Смешение трех красок — голубой, желтой и пурпурной — должно приводить к полному поглощению света, и мы должны увидеть черный цвет. Однако на практике вместо черного цвета получается грязно-бурый цвет. Поэтому в цветовую модель добавляют еще один, истинно черный цвет. Так как буква «В» уже используется для обозначения синего цвета, для обозначения черного цвета принята последняя буква в английском названии черного цвета Black, т. е. «К». Расширенная палитра получила название CMYK (см. табл. 2.6).
В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок.
Система цветопередачи RGB применяется в мониторах компьютеров, в телевизорах и других излучающих свет технических устройствах. Система цветопередачи CMYK применяется в полиграфии, так как напечатанные документы воспринимаются человеком в отраженном свете. В струйных принтерах для получения изображений высокого качества используются четыре картриджа, содержащие базовые краски системы цветопередачи CMYK (рис. 2.5).
Рис. 2.5. Использование систем цветопередачи RGB и CMYK в технике
Палитра цветов в системе цветопередачи HSB. Система цветопередачи HSB использует в качестве базовых параметров Hue (оттенок цвета), Saturation (насыщенность) и Brightness (яркость).
Параметр Hue позволяет выбрать оттенок цвета из всех цветов оптического спектра: от красного до фиолетового цвета (Н = 0 — красный цвет, Н = 120 — зеленый цвет, Н = 240 — синий цвет, Н = 360 — фиолетовый цвет).
Параметр Saturation определяет процент «чистого» оттенка и белого цвета (S = 0% — белый цвет, S = 100% — «чистый» оттенок).
Параметр Brightness определяет интенсивность цвета (минимальное значение В = 0 соответствует черному цвету, максимальное значение В = 100 соответствует максимальной яркости выбранного оттенка цвета).
В системе цветопередачи HSB палитра цветов формируется путем установки значений оттенка цвета, насыщенности и яркости.
В графических редакторах обычно имеется возможность перехода от одной модели цветопередачи к другой. Это можно сделать как с помощью мыши, перемещая указатель по цветовому полю, так и вводя параметры цветовых моделей с клавиатуры в соответствующие текстовые поля.
1. В каких природных явлениях и физических экспериментах можно наблюдать разложение белого света в спектр? Подготовьте доклад.
2. Как формируется палитра цветов в системе цветопередачи RGB ? В системе цветопередачи CMYK ? В системе цветопередачи HSB?
2.8. Задание с кратким ответом. Определите цвета, если заданы интенсивности базовых цветов в системе цветопередачи RGB . Заполните таблицу.
2.9. Задание с кратким ответом. Определите цвета, если на бумагу нанесены краски в системе цветопередачи CMYK . Заполните таблицу.
Чтобы пользоваться предварительным просмотром презентаций создайте себе аккаунт (учетную запись) Google и войдите в него: https://accounts.google.com
Белый свет имеет сложную структуру.
В 1666 г. Исаак Ньютон с помощью стеклянной призмы впервые исследовал белый свет и установил его сложный состав. Видео Исаак Ньютон
Белый свет имеет сложную структуру!
Состав белого света: Фиолетовый Синий Голубой Зеленый Желтый Оранжевый Красный Для запоминания цветов в спектре пользуются условной фразой: « К аждый О хотник Ж елает З нать, где С идит Ф азан».
Глаз человека Человек воспринимает свет с помощью цветовых рецепторов (так называемых колбочек), находящихся на сетчатке глаза.
Базовые цвета Наибольшая чувствительность колбочек приходится на красный, зеленый и синий цвета, которые являются базовыми для человеческого восприятия.
Тема урока: Палитры цветов в системах цветопередачи RGB, CMYK и HSB.
Системы цветопередачи: RGB (R ed, G reen, B lue) CMYK (C yan, M agenta, Y ellow, blac K) HSB (H ue, S aturation, B rightness) красный зеленый синий черный жёлтый пурпурный голубой оттенок насыщенность яркость
RGB Основными цветами являются красный, зеленый, синий. Палитра цветов формируется путем сложения красного, зеленого и синего цветов. Цвет палитры можно определить с помощью формулы:
Цвет Коды интенсивности базовых цветов Красный Зеленый Синий Черный 00000000 0 00000000 0 00000000 0 Красный 11111111 255 00000000 0 00000000 0 Зеленый 00000000 0 11111111 255 00000000 0 Синий 00000000 0 00000000 0 11111111 255 00000000 0 11111111 255 11111111 255 Пурпурный 11111111 255 00000000 0 11111111 255 Желтый 11111111 255 11111111 255 00000000 0 11111111 255 11111111 255 11111111 255 Кодировка цветов при глубине цвета 24 бита
RGB Применяется в мониторах компьютеров, в телевизорах и других излучающих технических устройствах.
CMYK Основными цветами являются голубой, пурпурный и желтый. Палитра цветов формируется: путем вычитания из белого цвета определенных цветов путем наложения голубого, пурпурного, желтого цвета Цвет палитры можно определить с помощью формулы
Цвет Формирование цвета Black = С + М + Y = W – G – B – R White = (C = 0, M = 0, Y =0) Red = Y + M = W – G – B Green = Y + C = W – R – B Blue = M + C = W – R – G Cyan = W – R = G + B Magenta = W – G = R + B Yellow = W – B = R +G Формирование цветов в системе цветопередачи CMYK
CMYK Основана на восприятии не излучаемого, а отражаемого света. Применяется в полиграфии, при печати изображений на принтерах (т.к. напечатанные документы воспринимаются человеком в отраженном свете).
Самое главное: Существуют следующие системы цветопередачи: RGB (R ed, G reen, B lue) CMYK (C yan, M agenta, Y ellow, blac K) HSB (H ue, S aturation, B rightness) Палитра цветов в системе цветопередачи RGB формируется путем сложения красного, зеленого и синего цветов. Цвет палитры можно определить с помощью формулы:
Самое главное: Основными цветами в системе цветопередачи CMYK являются голубой, пурпурный, желтый. Палитра цветов формируется: путем вычитания из белого цвета определенных цветов путем наложения голубого, пурпурного, желтого цвета. Цвет палитры можно определить с помощью формулы
Самое главное: Система цветопередачи HSB использует в качестве базовых параметров Hue (оттенок цвета), Saturation (насыщенность), Brightness (яркость). Параметр Hue позволяет выбрать оттенок цвета из всех цветов оптического спектра, начиная с красного цвета и заканчивая фиолетовым Параметр Saturation определяет процент «чистого» оттенка и белого цвета. Параметр Brightness определяет интенсивность цвета
Выполнить задания: Задание 1.7 (стр.21) Определить цвета, если заданы интенсивности базовых цветов в системе цветопередачи RGB Задание 1.8 (стр.21) Определить цвета, если на бумагу нанесены краски в системе цветопередачи CMYK .
Задание 1.7 Цвет Интенсивность базовых цветов Красный Зеленый Синий 00000000 00000000 00000000 11111111 00000000 00000000 00000000 11111111 00000000 00000000 00000000 11111111 00000000 11111111 11111111 11111111 00000000 11111111 11111111 11111111 00000000 11111111 11111111 11111111
Задание 1.8 (стр.21) Цвет Формирование цвета (C = 0, M = 0, Y =0) Y + M = W – G – B Y + C = W – R – B M + C = W – R – G W – R = G + B W – G = R + B W – B = R +G
RGB (для дисплеев) и CMYK (для печати) являются наиболее распространенными системами представления цвета.
Основная модель субтрактивного синтеза цвета – полиграфическая система CMYK (сине-зеленый/голубой, пурпурный, желтый, ключевой/черный).
Самый распространенный вариант аддитивного смешения, предполагающего суммирование разноцветных потоков в единый результирующий поток, – модель RGB (красный, зеленый, синий).
Если субтрактивная схема применяется в полиграфии (с белым нулем – отсутствием краски на бумаге), то аддитивная (обладающая бо́льшим цветовым охватом) – в телевизорах, мониторах и т.п., где выключенный экран выглядит черным.
Поскольку RGB и CMY дополняют друг друга, между ними существует определенное соотношение. Если показать эту информацию в виде одного цветового круга, то цвета RGB и CMY будут в нем поочередно меняться. Если смешать два RGB-цвета, то получится CMY-цвет; если же, наоборот, смешать два CMY-цвета, то на этот раз получится RGB-цвет. Например, в модели CMY красный цвет описывается как смесь пурпурного и желтого. А в модели RGB пурпурный цвет описывается как смесь красного и синего.
Кроме того, в сравнении с RGB, CMYK обладает меньшим цветовым охватом. Законы физики не позволяют печатать цвета RGB. Для печати RGB- изображения следует преобразовать его аддитивные цвета в цвета CMY, т.е. перевести их в субтрактивные цвета.
RGB (англ. Red, Green, Blue – красный, зеленый, синий) – аддитивная цветовая модель (англ. Additive Primary Model), описывающая способ синтеза цвета для цветовоспроизведения. Аддитивной модель называется потому, что цвета получаются путем добавления (англ. addition ) к черному цвету. Выбор основных цветов в RGB обусловлен особенностями физиологии восприятия цвета сетчаткой человеческого глаза.
Модель RGB используется для воспроизведения спектра видимого света и представляет все то, что передает, фильтрует или ощущает световые волны (например, монитор, сканер или глаз) (рис. 7.5). Для создания различных цветов складываются разные уровни основных цветов (красного, зеленого и синего). Черный цвет – это отсутствие любого света.
Рис. 7.5.
Изображение в данной цветовой модели состоит из трех каналов. При смешении основных цветов, например, синего (В ) и красного (/?), мы получаем дополнительный пурпурный (англ. М – magenta ), при смешении зеленого (G ) и красного (R ) – дополнительный желтый (англ. Y – yellow ), при смешении зеленого (G ) и синего (В ) – дополнительный циановый (англ. С – cyan ). При смешении всех трех цветовых компонентов мы получаем белый цвет. В телевизорах и мониторах применяются три электронных пушки (светодиода, светофильтра) для красного, зеленого и синего каналов.
Каждая из координат RGB представляется в виде одного байта, значения которого обозначаются целыми числами от 0 до 255 включительно, где 0 – минимальная, а 255 – максимальная интенсивность.
COLORREF – стандартный тип для представления цветов в операционной системе Win32. Используется для определения цвета в RGB-виде. Размер – 4 байта.
Определить переменную типа COLORREF можно следующим образом:
COLORREFC = RGB (r,g, b ),
где г, g и b – интенсивность (в диапазоне от 0 до 255) соответственно красной, зеленой и синей составляющих определяемого цвета С.
Следовательно, ярко-синий цвет может быть определен как (0,0,255), красный – как (255,0,0), ярко-фиолетовый – (255,0,255), черный – (0,0,0), а белый – (255,255,255).
В HTML используется #RrGgBb-запись, называемая также шестнадцатеричной: каждая координата записывается в виде двух шестнадцатеричных цифр, без пробелов (цвета HTML см. далее). Например, #RrGgBb- запись белого цвета – #FFFFFF.
Для справки
Стандарты цветовых пространств RGB. Цветовая модель RGB является зависимой от устройства. Поскольку мониторы разных моделей и производителей различаются, было предложено несколько стандартов цветовых пространств для этой модели.
Наиболее распространенное цветовое пространство sRGB является стандартом для изображения на мониторе (профиль По умолчанию для компьютерной графики). Пространство sRGB, использующееся с цветовой.моделью RGB, имеет по многим тонам цвета более широкий цветовой охват (может представить более насыщенные цвета), чем типичный охват цветов цветовых пространств в CMYK, поэтому иногда изображения, хорошо выглядящие в RGB, значительно тускнеют и гаснут в CMYK.
Также распространены Adobe RGB и ProPhoto RGB. Цветовое пространство ProPhoto RGB, также известное как ROMM RGB (от англ. Reference Output Medium Metric – метрика образцового выходного материала), является цветовым пространством RGB, предназначенным для обработки фотографий и ориентированным на выходной материал. Стандарт разработан компанией Kodak, он предлагает особо широкий охват, предназначенный для фотоизображений.
RGB – самое используемое цветовое пространство, и у него есть как сильные, так и слабые стороны. С одной стороны, модель RGB оптимальна для редактирования изображений с высоким разрешением. В ней отображается широкий диапазон значений, и изображения в формате RGB могут обрабатываться при помощи почти всех инструментов и функций графических редакторов .
С другой стороны, RGB зависит от устройств. Какое бы ни было числовое определение цвета, способ его вывода на экран полностью зависит от аппаратуры отображения.
Найдите в Google «HSB». Есть 2,5 миллиона результатов, и ни один из них, похоже, не написан кем-то, кто на самом деле использовал систему. Что дает?
С другой стороны, теперь мне есть чем заняться, пока я допиваю это пиво.
Мы собираемся рассказать, что такое H, S и B, а затем я расскажу вам, почему это лучшая единственная цветовая система в широком использовании (плюс некоторые сложности ее использования в повседневной работе). день цифрового дизайна).
Если вы уже знаете, что такое H, S и B, вы можете перейти к материалу 201 внизу страницы.
Внутри вашего компьютера сплошные единицы и нули, что означает, что для вашего компьютера цвет составляет всего бит . Если вы думаете, что цвет — это таинственная радуга эфирной магии, вы будете разочарованы, узнав, что каждый компьютер на планете представляет все возможные цвета, которые он может выводить, всего с 3 числами.
Итак, то, что эти 3 числа представляют собой , немного отличается.
Если вы когда-либо кодировали HTML и CSS, вы, вероятно, знакомы с RGB, в котором конкретный цвет представлен тремя числами: (1) как красный это (R), (2) как зеленый это (G), и (3) как синий это (B). Хотя это звучит как что-то, что кто-то придумал, когда они были , на самом деле это достаточно просто и убедительно, чтобы компьютеры по умолчанию говорили о цвете.
Но то, что это легко для компьютеров , не означает, что это легко для людей . Вот где на помощь приходит HSB.
HSB обозначает оттенок-насыщенность-яркость и является гораздо более удобным для человека способом описания цвета. Почему так здорово? Потому что он использует идеи, которые мы уже естественным образом думаем при описании цвета, например… Хорошо, знаете что? Я вам просто покажу.
Оттенок — это число от 0 до 360. Он измеряется в градусах, как градусы круга (потому что эй, , спойлер, круги тоже имеют 360 °).Помните цветовое колесо? Оттенок всего , где вы находитесь на цветовом круге .
Цветовой круг — он же цветовой круг. Теперь он не учитывает, насколько темным, ярким, богатым или бледным является цвет. Мы доберемся туда. А пока просто знайте, что чтобы найти оттенок , подумайте, к какому цвету он ближе всего на цветовом круге.
(«А как насчет черного? Белого? Серого?» — качай тормоза, чемпион. Я сказал, что доберемся)
Если вы хотите развить интуитивное понимание HSB, вы должны иметь в виду пару опорных точек.Я использую красный, зеленый и синий, так как они равноудалены по кругу:
Итак, когда я думаю о том, какой цвет добавить, я могу быстро набрать число, которое приблизит меня к нужному оттенку довольно , просто подумав о том, где находятся эти три точки.
Насыщенность — это число от 0 до 100.Таким образом, независимо от того, какой оттенок вы выбрали, насыщенность 100% будет самой богатой возможной версией этого цвета, а насыщенность 0% будет серой версией этого цвета (то есть, если цвет светлый, он будет быть светло-серым; если цвет темный, он будет темно-серым).
Хотите посмотреть?
Насыщенность довольно проста. Я иногда думаю об этом, так как количество цвета добавило к серому. Таким образом, 0% — это плоский серый цвет, а 100% — это самых ярких цветов, которые может воспроизвести ваш монитор.
Яркость — это число от 0 до 100. Как и насыщенность, оно иногда указывается в процентах. Это довольно очевидно, что это , но здесь есть небольшая загвоздка.
Звук сбивает с толку? Подумайте об этом так.Представьте себе яркость лампочки. 0% означает, что лампочка выключена (в комнате темно-черный цвет). 100% означает, что свет горит в полную силу. Так что, возможно, 100% яркости — это яркого цвета или , если свет уже белый , тогда 100% яркости будет чисто белым.
Хорошо, поэтому для обзора мы можем описать цвет с помощью трех разумных чисел:
У нас все хорошо? Большой.
Если вы все еще со мной, я хочу начать разбираться в практических аспектах использования этой системы. Если вы никогда не использовали HSB, не волнуйтесь о деталях, которые появятся в будущем … Сначала попробуйте систему. Немного повозитесь и вернитесь — после некоторого использования это будет иметь больше смысла.
Во-первых, оттенок — это фантастический способ создания вариаций цвета. Поскольку у вас так много вариантов выбора от 0 ° до 360 °, вместо того, чтобы синий просто быть «синим», вы можете слегка сместить оттенок вниз или вверх и довольно легко получить приятные вариации.
Здесь мы начинаем с , очень по умолчанию, синего цвета, центрированного мазка под углом 240 °. Но вместо того, чтобы выбирать самый скучный из возможных цветов , мы решили немного оживить его.
Даже смещение оттенка вниз от 30 ° до 210 ° дает прохладную атмосферу. Легче, веселее, непринужденнее. Что-то вроде территории твиттера, но это только первый шаг.
И увеличение оттенка до 260 ° дает мне индиго. Всего лишь сдвиг на 20 °, и это совершенно другое ощущение — что-то более крутое, может хорошо работать с неоновыми цветами или темным фоном.Может придать чему-то тонкую женскую атмосферу. И т.д. — вы поняли.
Так же красный. Сложный цвет для работы сразу после выхода. Он супер смелый, супер сильный. Но в зависимости от того, что мы хотим сделать — допустим, это наше сообщение об ошибке или что-то в этом роде — мы можем сделать его более дружелюбным, добавив немного розового (сместив оттенок на 10 ° вниз). Или мы можем получить более уравновешенный вариант, добавив немного апельсина.
Таким образом, работа с оттенком дает вам множество возможностей. Сделайте себе одолжение: не ограничивайте свои палитры цветами, которые вы выучили в детском саду .Поиграйте с этим.
(кстати, я уже много писал о цветовых вариациях)
Существует множество приемов и приемов, связанных с регулировкой насыщенности, но я все время возвращаюсь к регулировке видимости .
Если у вас есть цвет, который действительно подавляет все в вашем пользовательском интерфейсе, быстрый способ исправить это — уменьшить насыщенность.
Например, взгляните на этот вариант логотипа Google.Я пропитал синий цвет до 90%, и вы увидите, что он торчит, как больной палец.
Обратите внимание, насколько сильно выделяется синий цвет. Если вам не удается его увидеть, попробуйте расслабить глаза и просто смотреть на логотип несколько секунд. Почти сразу вы начнете видеть буквы «G» и «g», выходящие из других цветов.
В обычном логотипе Google намного лучше сбалансированы между разными цветами.
Вы будете использовать насыщенность для самых разных целей, в том числе для исправления конфликтующих цветов и обогащения более темных оттенков, но я просто хотел привести здесь быстрый пример.Теперь давайте перейдем к одному из наиболее интригующих фактов о HSB — и его значению.
В HSB, вот как мы делаем черно-белое:
Это означает, что довольно любопытно, что (в системе HSB) черный — это , а не , противоположный белому .
Еще один способ доказать это самому себе — подумать о том, что означает , чтобы добавить черный или белый цвет к цвету.
Чтобы добавить белый цвет, вы должны переместить свой цвет в сторону белого в палитре цветов. Белый цвет находится в верхнем левом углу, и, конечно же, добавление белого включает уменьшение насыщенности (перемещение влево) и увеличение яркости (перемещение вверх).
Переход от одного красного к более белому красному.Добавление белого выглядит так:
А добавление черного? Что ж, поскольку черный — это вся нижняя сторона прямоугольника выбора цвета, добавление черного составляет , всего на уменьшается яркость.Насыщенность не имеет значения.
Переход от одного красного к более черному красному.Эти две стрелки не отменяют друг друга! В HSB черное и белое не противоположны.
На практике более темные оттенки, получаемые при добавлении черного, действительно тусклые по сравнению с более светлыми версиями:
Вот главный удар. Вместо , добавляющего черный , я хочу, чтобы вы удалили белый . Другими словами, одновременно:
Или, если хотите, диаграмму:
Переход от одного красного к менее белому красному.Это даст вам богаче темных оттенков:
Удаление белого, то есть обогащение более темных оттенков, является «правильным» способом создания более темных вариаций цвета в 95% + случаев.
Внешние разработчики из вас могут знать, что CSS использует цветовую систему HSL (оттенок, насыщенность, яркость, ). Вот это да. Звучит смутно знакомо. HSB и HSL — это одно и то же?
Краткий ответ: нет .Но они на похожи на .
Теперь, когда вы эксперт в HSB, я могу объяснить это очень просто: HSL в точности похож на HSB, за исключением того, что черное и белое на самом деле противоположны .
Итак, в HSL:
Теперь это хорошо, но как только вы попытаетесь интуитивно описать, как осуществлять перевод между двумя системами, все становится запутанным.
Итак, свойство легкости HSL — это странное сочетание насыщенности и яркости HSB, в зависимости от того, насколько он светлый!
Тем не менее, противопоставление черного и белого может на самом деле быть на несколько более разумной системой, но все современные приложения для дизайна пользовательского интерфейса (Sketch, Figma и Adobe XD) используют HSB, а не HSL.И, честно говоря, ваше приложение для дизайна пользовательского интерфейса — это то, где вы в первую очередь выбираете и настраиваете цвета. Так что давайте будем простыми: если вы хотите перевести значения цвета из дизайна в код, просто используйте шестнадцатеричные значения, которые гораздо менее доступны, чем система или !
(Но, по крайней мере, вы можете скопировать и вставить их.)
Изображение Кортси из SharkDиз Википедии. Если вы хотите узнать больше о цветовых системах, эта диаграмма содержит семена вашей кончины. Он должен прояснить тонкую, но важную разницу между HSB и HSL.Но при выделении цветовых пространств, как это, мы оставляем , практику и вводим теорию , поэтому я позволю кому-то другому взять на себя управление здесь.
Я написал это с намерением стать лучшим и наиболее практичным обзором цветовой системы HSB в Интернете. Если у вас все еще есть вопросы о системе или вы думаете, что нашли лучшие ресурсы, на которые я могу ссылаться, свяжитесь со мной. Помните, что вам всегда говорила учительница в первом классе: Без вопросов .
(я не говорю, что она была права, но давайте не будем доказывать ее неправоту, хорошо?)
Узнайте, как эффективно использовать цвет в дизайне пользовательского интерфейса, даже если вы не «вычурны» и не имеете опыта проектирования .Те же стратегии, которые я использую для своих клиентов — от стартапов из списка Fortune 100 до Y-Combinator.
Эксклюзивные руководства по дизайну. Подписано более 50 000 человек. Отказ от подписки в один клик.
В то время как в предыдущей главе были рассмотрены некоторые важные события в истории теории цвета, в этой главе более подробно рассматривается текущая картина цифровой теории цвета. При работе с цветом в языках программирования можно встретить довольно много терминов, которые часто взаимозаменяемы, чтобы описать положение цвета в цветовом спектре.В этой главе мы рассмотрим три из этих терминов — цветовые модели, цветовые пространства и цветовые профили — и выясним, почему важно развить хорошее понимание этих концепций при работе с цветом в коде.
Чтобы понять природу чего-либо, может быть полезно создать визуальное представление этого предмета. На самом деле люди, как правило, делают это довольно часто, от каракулей на лекциях до рисования диаграмм и карт для объяснения конкретных наборов данных. Мы делаем это, потому что многие из нас учатся наглядно, и видеть что-то отличается от того, чтобы слышать это.На протяжении всей истории художники и ученые изображали цветовой спектр в самых разных моделях с целью превратить абстрактную концепцию цветового спектра во что-то понятное.
Цветовая модель — это визуализация, которая изображает цветовой спектр как многомерную модель. Большинство современных цветовых моделей имеют 3 измерения (например, RGB) и поэтому могут быть изображены как трехмерные формы, в то время как другие модели имеют больше размеров (например, CMYK). Далее мы рассмотрим цветовые модели RGB, HSV и HSL, которые широко используются в современных инструментах цифрового дизайна и языках программирования.Все эти цветовые модели используют одни и те же основные цвета RGB, что делает их хорошими примерами того, как цветовые модели могут визуализировать один и тот же цветовой спектр в самых разных измерениях.
RGB — это цветовая модель с тремя измерениями — красным, зеленым и синим — которые смешиваются для получения определенного цвета. При определении цветов в этих измерениях необходимо знать последовательность цветов в цветовом спектре, например что смесь 100% красного и зеленого дает желтый цвет. Цветовая модель RGB часто изображается в виде куба, отображая размеры красного, зеленого и синего цветов на оси x, y и z в трехмерном пространстве.Это проиллюстрировано в интерактивном примере ниже, где все возможные цветовые сочетания представлены в границах куба.
Цветовая модель RGB не является интуитивно понятной моделью для создания цветов в коде. Хотя вы можете угадать комбинацию значений, которые будут использоваться для некоторых цветов, таких как желтый (равное количество красного и зеленого) или красный цвет, используемый на бутылках Coca-Cola (много красного с небольшим количеством синего), меньше чистые цвета в этой цветовой модели угадать гораздо сложнее.Какие значения вы бы использовали для темно-фиолетового? Как насчет того, чтобы найти дополнительный цвет для голубого? Если вы не можете найти ответ, то это потому, что люди не думают о цветах как о смеси красного, зеленого и синего света.
HSV — это цилиндрическая цветовая модель, которая преобразует основные цвета RGB в измерения, которые легче понять людям. Как и в системе цветов Манселла, этими параметрами являются оттенок, насыщенность и значение.
Важно отметить, что три измерения цветовой модели HSV взаимозависимы. Если размерность цвета установлена на 0%, количество оттенка и насыщенности не имеет значения, так как цвет будет черным. Аналогично, если для насыщенности цвета установлено значение 0%, оттенок не имеет значения, поскольку цвет не используется. Поскольку размер оттенка круглый, цветовую модель HSV лучше всего изобразить в виде цилиндра. Это проиллюстрировано в интерактивном примере ниже, где все возможные цветовые сочетания представлены в границах цилиндра.
HSL — это еще одна цилиндрическая цветовая модель, которая разделяет два измерения с HSV, при этом размер значения заменяется измерением яркости.
Несмотря на то, что измерение насыщенности теоретически одинаково для двух цветовых моделей (контролируя, сколько чистого цвета используется), результирующие шкалы насыщенности различаются между моделями из-за переназначения яркости на яркость. Как и HSV, цветовую модель HSL лучше всего изобразить в виде цилиндра, что показано в интерактивном примере ниже.
Есть множество других способов визуализировать цветовой спектр в многомерном пространстве.Цветовая модель CMYK имеет четыре измерения, что означает, что для визуализации состояний модели необходимо использовать либо анимацию, либо несколько трехмерных фигур. Другая цветовая модель, называемая CIELAB, основана на теории процесса человеческого восприятия с двумя из трех измерений, представляющими шкалы от красного до зеленого и от желтого до синего — две пары цветов оппонента, которые люди не могут воспринимать одновременно.
Цветовые модели обеспечивают хороший способ визуализации цветового спектра, но они неадекватны, когда дело доходит до определения и отображения цветов на экранах компьютеров.Чтобы объяснить это, предположим, что у вас есть портативный компьютер, а также внешний экран большего размера для домашнего офиса. Теперь давайте также предположим, что вы запускаете скетч P5.js, показывающий желтый эллипс на обоих экранах. В мире без цветовых пространств эти два экрана включили бы свои красные и зеленые субпиксели и покончили с этим. Однако что, если на вашем большом экране более дорогие источники света, которые сильно отличаются от тех, что на экране вашего ноутбука? Это приведет к появлению двух очень разных желтых цветов.Это проблема, которую призваны решить цветовые пространства.
Диаграмма цветности CIE, показывающая цветовые гаммы цветовых пространств Adobe RGB (1998) и sRGB.Эта диаграмма цветности была создана Международной комиссией по освещению (CIE). Он был основан на ряде экспериментов со зрением на людях в 1930-х годах и точно определяет взаимосвязь между длиной волны цвета и воспринимаемым воздействием на человеческий глаз. Эта диаграмма, которая также является цветовым пространством под названием CIEXYZ, очень важна, поскольку все современные цветовые пространства определяют свой абсолютный диапазон цветов (называемый цветовым охватом) по отношению к этому цветовому пространству.Два треугольника внутри изогнутой формы обозначают цветовые гаммы двух популярных цветовых пространств: sRGB и Adobe RGB (1998). Углы каждого треугольника определяют основные цвета каждой цветовой гаммы, и вы можете заметить, что, хотя два цветовых пространства имеют одинаковые красные и синие основные цвета, основной зеленый цвет между ними отличается. Другими словами, основной цвет имеет абсолютное значение только тогда, когда он относится к определенному цветовому пространству. В нашем примере, приведенном выше, цветовые пространства позволяют двум мониторам вашего компьютера отображать одинаковый желтый цвет, следуя стандартному процессу: во-первых, он преобразует желтый цвет из цветового пространства эскиза P5 в цветовое пространство CIEXYZ (также называемое эталонным). цветовое пространство).Затем, поскольку каждый монитор знает точный цвет своих основных источников света по отношению к цветовому пространству CIEXYZ, он может определить количество основных источников света для смешивания.
Цветовое пространство sRGB имеет наименьшую цветовую гамму из двух цветовых пространств, что означает, что оно охватывает наименьший диапазон цветов. Он был создан для использования на компьютерных мониторах, а меньшая гамма отражает точные цвета основных источников света в большинстве телевизоров высокой четкости и компьютерных мониторов. Это также означает, что цветовое пространство sRGB легко адаптировать для производителей оборудования, поэтому оно стало наиболее широко используемым цветовым пространством для цифровых файлов.Всякий раз, когда вы сталкиваетесь с цветом или изображением на веб-сайте, это, скорее всего, цвет sRGB. Несмотря на то, что sRGB представляет собой отличное цветовое пространство для диапазона цветов, который может отображаться на экране, цветовой охват недостаточно широк, чтобы поддерживать цвета, напечатанные чернилами, особенно в зелено-синих частях спектра. Цветовое пространство Adobe RGB (1998) имеет гораздо более широкую цветовую гамму RGB, которая была тщательно выбрана, чтобы охватить большинство цветов, которые могут воспроизводить принтеры CMYK. Это также означает, что определенный набор цветов может выглядеть по-разному в зависимости от цветового пространства, которого он придерживается, как показано в примере ниже, который показывает одинаковые значения RGB в двух цветовых пространствах.Обратите внимание, как последние два зеленых цвета выглядят одинаково в цветовом пространстве Adobe RGB (1998), потому что большинство экранов не могут отображать зеленый основной цвет более широкой цветовой гаммы.
sRGBAdobe RGB (1998) Моделирование того, как большинство мониторов визуализируют два цветовых пространства. Последние два цвета в цветовом пространстве Adobe RGB (1998) будут выглядеть одинаково.Важно отметить, что, хотя цветовые модели являются абстрактными математическими концепциями, невозможно визуализировать цветовую модель без сопутствующего цветового пространства.Все приведенные выше примеры цветовых моделей RGB, HSV и HSL визуализируются в цветовом пространстве sRGB, поскольку это цветовое пространство Интернета по умолчанию.
Цифровое изображение может соответствовать определенному цветовому пространству путем встраивания цветового профиля в его метаданные. Это сообщает любой программе, которая хочет прочитать изображение, что значения пикселей указаны в соответствии с определенным цветовым пространством, а изображения без цветового профиля часто считаются sRGB. Цветовые профили важны для правильного воспроизведения идентичных цветов на нескольких устройствах, и вы часто будете видеть, что профессиональные службы печати требуют, чтобы файлы изображений были настроены на определенное цветовое пространство (скорее всего, Adobe RGB (1998) или ProPhoto RGB, цветовое пространство с очень широкая цветовая гамма).Это гарантирует, что цвета вашего изображения не будут интерпретированы как неправильное цветовое пространство. Если вы когда-либо вставляли изображение в существующий проект Photoshop только для того, чтобы цвета выглядели неправильно, вы стали жертвой этого. Например, если вы вставляете изображение с профилем Adobe RGB (1998) в файл Photoshop с профилем sRGB, Photoshop интерпретирует значения пикселей как находящиеся в меньшей цветовой гамме, изменяя цвета вставленного изображения. Из-за этого большинство инструментов цифрового дизайна имеют встроенные команды для преобразования между цветовыми пространствами, и Photoshop на самом деле хорошо предупреждает пользователя перед новой интерпретацией цветовых профилей.Преобразование между цветовыми пространствами особенно выгодно для дизайнеров, желающих разрабатывать печатную продукцию в коде, поскольку их цифровые ресурсы необходимо будет преобразовать из sRGB в цветовой профиль для печати перед печатью.
Левая часть этой картины Пауля Клее была правильно преобразована из Adobe RGB (1998) в sRGB, в то время как правая часть неправильно интерпретировала цвета в sRGB без преобразования. ©Если в цифровом изображении используется цветовой профиль с широкой цветовой гаммой, потеря цветов на большинстве экранов почти гарантирована, поскольку большинство экранов могут отображать цвета только в пределах гаммы sRGB.Однако многие новые экраны поддерживают более широкую цветовую гамму. Экран Retina Apple iMac использует цветовое пространство RGB под названием DCI-P3 с цветовой гаммой, которая охватывает примерно тот же диапазон, что и Adobe RGB (1998), но включает больше красно-желтых цветов и исключает некоторые зелено-синие цвета. Чтобы подчеркнуть сложность управления цветом, некоторые браузеры, работающие на компьютерах Retina, могут перенасыщать цвета изображений sRGB без цветовых профилей, в то время как другие браузеры будут правильно преобразовывать значения пикселей sRGB в DCI-P3.Хотя эта книга не будет углубляться в сложные аспекты управления цветом, для заинтересованного читателя есть много полезных ресурсов.
Как библиотека JavaScript для браузера, все значения цвета в P5.js соответствуют sRGB, стандартному цветовому пространству для Интернета. Вы можете определить эти цвета во всех трех вышеупомянутых цветовых моделях: RGB, HSV (называемый HSB) и HSL. Передача значений цвета функциям fill (), и stroke () является основным способом раскрашивания фигур в P5.js. Это устанавливает текущие цвета заливки и обводки для всех последующих форм, и этот параметр запоминается до тех пор, пока вы снова не fill () или stroke () , или полностью не отключите обводку или заливку с помощью noStroke () или noFill () функций.
Цветовая модель по умолчанию в P5.js — это RGB, что означает, что функции fill () и stroke () ожидают трех чисел от 0 до 255, указывающих количество красного, зеленого и синего цветов для использования в цвет.Причина этого конкретного диапазона заключается в том, что в одном байте (8 бит) может храниться максимум 256 значений, что позволяет каждому цвету RGB занимать только 24 бита. Хотя 256 различных оттенков красного, зеленого и синего могут показаться не такими уж значительными, это может дать 16 777 216 различных цветов, что на самом деле намного больше, чем может воспринимать человеческий глаз.
P5.js также позволяет использовать альтернативный шестнадцатеричный синтаксис, известный из веб-дизайна, для указания цветов в цветовой модели RGB.Вместо трех чисел в шестнадцатеричном синтаксисе используется хэштег, за которым следует шестизначная строка для представления значений основного цвета. Каждый основной цвет состоит из двух символов в этой строке, где числа от 0 до 9 обозначают от нуля до девяти, а буквы A-F обозначают от десяти до пятнадцати. Таким образом, с 16 вариациями на символ каждый основной цвет может указывать значение от 0 до 255 всего двумя символами.
Функцию colorMode () в P5.js можно использовать для переключения на другую цветовую модель, что означает, что функции fill () и stroke () будут ожидать цветовые диапазоны в соответствии с размерами новой цветовой модели.Числовые диапазоны по умолчанию для HSV (называемого HSB в P5.js) и HSL: 0–360 для оттенка (с указанием угла) и от 0 до 100 для насыщенности и яркости / светлоты (с указанием в процентах). В следующем примере кода для рисования трех эллипсов используются цветовые модели HSV и HSL.
Также возможно изменить числовые диапазоны по умолчанию для каждой цветовой модели. Это можно сделать, передав три дополнительных числа при вызове функции colorMode () , как показано ниже, где для всех трех измерений цветовой модели HSV установлены диапазоны от 0 до 1.
В следующих главах мы рассмотрим ряд различных методов программного комбинирования цветов в P5.js. Многие из этих примеров будут использовать цветовую модель HSL, поскольку это интуитивно понятный способ навигации по цветовому спектру.
Слова «цветность» и «насыщенность» часто используются как синонимы, но определены как отдельные понятия Международной комиссией по освещению (CIE), терминология которой широко принята в качестве стандарта в науке и технике.Различие основано на важном различии между цветами света, достигающего наших глаз от различных частей объекта, и цветом, который мы видим как принадлежащий самому объекту. В терминологии CIE 1 :
Насыщенность определяется в терминах двух атрибутов внешнего вида одной области, и, таким образом, как и эти атрибуты (цветность и яркость), полностью зависит от внешнего вида света , передаваемого этой областью в глаз.Насыщенность — это относительной красочности этого света, независимо от его яркости или отсутствия белизны, и является нашим восприятием его относительного энергетического дисбаланса в спектре, обнаруживаемого нашими зрительными рецепторами. На рисунке 1 показаны три серии областей, в каждой из которых насыщенность должна быть примерно постоянной. Внутри каждой серии свет, излучаемый областями, имеет одинаковое соотношение компонентов RGB, различающихся только по яркости, и рассматривается соответственно как относительно чистый красный свет (высокая насыщенность, R1-R3), как белый свет (нулевая насыщенность, W1 -W3), а также как фиксированное соотношение компонентов красного и белого света (умеренная насыщенность, P1-P3).
Рис. 1. Области с высокой насыщенностью (R1-R3), умеренной насыщенностью (P1-P3) и нулевой насыщенностью (W1-W3).
Параметр «Насыщенность» (S) в цветовом пространстве HSB, используемый, например, в палитре цветов Adobe Photoshop, представляет собой физическую оценку насыщенности цвета RGB относительно максимально возможного для его угла оттенка (H) и основан на очень простом вычислении из компонентов r, g и b (вставка, рис. 1). В других цифровых цветовых пространствах и контекстах так называемая «насыщенность» может быть совершенно другим параметром, таким как цветность или относительная цветность какого-либо вида.
Если бы мы смотрели на мир через отверстие в экране, которое выглядело как обычное пятнышко света, мы могли бы описать оттенок, яркость, красочность и насыщенность этого света, но мы не могли бы сказать, является ли более темный более тусклые точки представляли темные тусклые объекты при ярком свете или яркие цветные объекты при тусклом свете. Чтобы воспринимать цвета объектов, мы должны уметь сравнивать области поля зрения.По мере того, как объект освещен сильнее, его яркость и цветность увеличиваются, но его яркость (= значение) и цветность , или яркость и цветность соответственно «оцениваются относительно яркости освещенной таким же образом области, которая кажется белой или высокая степень передачи », демонстрируют высокую степень постоянства при различных уровнях освещения и поэтому воспринимаются как атрибуты, принадлежащие самому объекту (рис. 2). Яркость — это наше восприятие эффективности объекта как отражателя / передатчика света, а цветность — это наше восприятие эффективности объекта как спектрально-селективного отражателя / передатчика ; Чтобы объект имел высокую цветность, он должен отражать / пропускать насыщенный свет в относительно больших количествах.
Рис. 2. Иллюстрация определений светлоты и цветности.
На рисунках 2 и 3 показаны области с рисунка 1 в двух разных контекстах, создавая очень разные восприятия цветности и яркости. Когда яркость области, которая считается белой, изменяется синхронно с яркостью и красочностью каждой серии насыщенности, области воспринимаются как поддерживающие однородную яркость и цветность, и, таким образом, кажется, что они имеют один и тот же цвет объекта (рис.2). Но если судить по одному и тому же белому, области в каждой серии насыщенности выглядят как различающиеся по яркости и цветности (рис.3): теперь серия насыщенности формирует линии, исходящие от черной точки, следуя путям примерно равномерного отношения цветности к яркости, в отличие от вертикальных линий однородной цветности. Этого следовало ожидать, потому что цветность и яркость — это цветность и яркость, оцениваемые по отношению к одному и тому же объекту, поэтому их соотношение уменьшается до отношения цветности к яркости, то есть насыщенности.Эти излучающие линии однородной насыщенности важны для художников, потому что они определяют цвета изображения, которые создают вид однородно окрашенного диффузно отражающего объекта, обращающегося к источнику света 2 . Чтобы выразить различие между насыщенностью и цветностью, R1 и R3 имеют одинаковую высокую насыщенность, потому что оба излучают свет, который выглядит относительно чистым красным, но по сравнению с одним и тем же белым R3 имеет более высокую цветность, потому что он излучает больше этого насыщенного красного света, и поэтому более красочен.
Рис. 3. Области на рис. 1 в другом контексте, чем на рис. 2, что приводит к очень разному восприятию яркости и цветности.
1 Международная комиссия по охране окружающей среды (CIE) (2011). Международный словарь по освещению. CIE S 017 / E: 2011. Доступен для поиска в Интернете по адресу http://eilv.cie.co.at/.
2 Briggs, D.J.C. (2007). Затенение серии. http://www.huevaluechroma.com/101.php#shadingseries
Доктор.Дэвид Бриггс является автором веб-сайта «Измерения цвета» и более двадцати лет ведет уроки цвета для художников и дизайнеров в различных учреждениях, включая Художественную школу Джулиана Эштона и Национальную художественную школу в Сиднее, Австралия.
Подумайте о бренде Coca Cola®. Какого цвета ты видишь? Если вы похожи на большинство людей, вы видите красный цвет. Не просто красный. Кокс красный.
Кока-кола тратит огромное состояние на поддержание своего бренда, и цвет — большая часть этого. Красный кока-кола непоколебим по своей неизменности во всей упаковке Coke, телевизионной рекламе, рекламе в журналах, на веб-сайтах, цифровой рекламе и товарах в магазинах.
Сохранять правильный и однородный цвет непросто. Тысячи дизайнеров, разработчиков и полиграфистов работают над упаковкой и маркетингом Coke по всему миру; и существует бесконечное количество разнообразных мобильных устройств, браузеров, телевизоров и способов печати, которые несут марку кока-колы.
Хотя никто не может контролировать вариации, присущие миллиардам персональных мобильных устройств и компьютерных мониторов, есть универсальные цветовые типы, которые мы используем. Их также можно разделить на два очень важных различия, которые при правильном применении могут иметь большое значение для сохранения однородности цвета.
Печать и экранPMS, CMYK, RGB и HEX — любой, кто работает на компьютере, видел, что эти термины используются для описания цветовых типов, но многие люди не понимают, что это такое и как они используются и в чем разница между ними.
Существует две основные категории цветотипов: печатная и экранная. Цвет на печатной странице является субтрактивным, а цвет на экране — аддитивным (подробнее об этом позже). На данный момент важно понимать, что цифровые и печатные средства передачи цвета очень отличаются друг от друга. Вы не используете цвета PMS на веб-сайте, как не используете цвета RGB в печатном станке.
Четыре из самых популярных цветовых типов, которые мы собираемся обсудить, — PMS, CMYK, RGB и Hex — попадают в одну из двух основных категорий. PMS и CMYK предназначены для печати. RGB и HEX предназначены для экранных изображений.
Теперь мы углубимся немного глубже, рассмотрим каждый цветовой тип по отдельности и объясним, что это такое и как он используется.
PMS (Pantone® Matching System) Использование: печать
Только для офсетной печати. Идеально подходит для канцелярских товаров. Часто используется для одно- или двухцветных работ. Также используется в качестве плашечных цветов в рекламных проспектах в дополнение к четырехцветной печати.
Цвета PMS (также называемые цветами Pantone®) — это запатентованные стандартизированные цветные чернила, производимые компанией Pantone. Pantone существует уже более 50 лет и отвечает за создание первой всеобъемлющей стандартизированной системы создания и сопоставления цветов в графическом сообществе. Они буквально написали об этом книгу.
Каждый из 1755 сплошных цветов PMS в их справочнике формул является патентованной смесью Pantone и продается принтерам либо в предварительно смешанном виде, либо в виде формулы, которую принтеры смешивают на своем предприятии.
Дизайнеры используют образцы цветов, произведенные исключительно компанией Pantone, для выбора цветов, а принтеры используют те же образцы. Это гарантирует, что все работают с одним и тем же цветом PMS, независимо от того, где они находятся.
Эта стандартизация означает, что большинство предприятий и организаций используют цвета PMS для своего брендинга, особенно для логотипов, чтобы обеспечить строжайшее единообразие цвета в различных печатных продуктах и по всему миру.
В последние несколько лет компания Pantone расширила свою систему подбора цветов на моду, пластик, товары для дома и образа жизни.
CMYK (голубой, пурпурный, желтый, черный) Использование: печать
Использование в офсетной и цифровой печати. Идеально подходит для полноцветных брошюр, листовок, плакатов, открыток и т. Д.
Цвет CMYK (также называемый четырехцветным процессом) на самом деле представляет собой метод, при котором сочетание крошечных прозрачных точек четырех цветов чернил: голубого, печатаются пурпурный, желтый и черный цвета. Различные комбинации больших и маленьких прозрачных точек CMYK накладываются друг на друга, создавая широкий спектр цветов.
В то время как чернила Pantone представляют собой один сплошной цвет, цвет CMYK — нет. Когда вы смотрите на отпечаток CMYK через увеличительное стекло, вы можете увидеть узор из точек CMYK и то, как они перекрываются, чтобы создать окончательный цвет.
Если вы увеличите наши три цвета cmyk, вы увидите, как точки образуют общий цвет. Голубые, пурпурные, желтые и черные чернила поглощают цветной свет, поэтому CMYK является «субтрактивной» цветовой моделью.
RGB (красный, зеленый, синий)Использование: на экране
Наиболее часто используемый цветовой профиль в мире компьютеров, экранов телевизоров и мобильных устройств — это RGB.RGB — это процесс визуализации цветов на экране с использованием комбинаций красного, зеленого и синего цветов.
RGB — это противоположность CMYK, поскольку это «аддитивный» процесс. Когда вы смешиваете полностью насыщенные версии всех трех цветов (красного, зеленого и синего), вы получаете чистый белый цвет. Когда вы полностью удалите все три цвета, вы получите черный цвет.
RGB предназначен только для цифровых приложений. Сюда входят мобильные устройства, компьютерные мониторы, ноутбуки, теле- и киноэкраны, игры и световые вывески.
Вы часто слышите о людях, которые проектируют что-то на экране в RGB, а затем разочаровываются, когда готовая печатная продукция становится менее яркой. Цвета RGB кажутся яркими, потому что они подсвечиваются, а диапазон цветовой гаммы шире, чем на распечатанной странице.
HEX (шестнадцатеричный цвет)Использование: экран для веб-сайтов
Дизайнеры и разработчики используют цвета HEX в веб-дизайне. Цвет HEX выражается как комбинация из шести цифр и букв, определяемая сочетанием красного, зеленого и синего (RGB).По сути, цветовой код HEX — это сокращение для его значений RGB с небольшой гимнастикой преобразования между ними.
Не нужно беспокоиться о преобразовании. В Интернете есть множество бесплатных инструментов для конвертации. Просто выполните поиск «RGB в HEX», чтобы найти тот, который вам подходит.
Выполнение преобразований между цветовыми типамиRGB в CMYK
Так что, если что-то создается на экране в RGB, но его нужно будет распечатать? Дизайнеры и печатники используют множество инструментов для перехода от одного цветового профиля к другому.Они могут сделать это прямо в графической программе, в которой работают, например, в Photoshop.
Цифровые принтеры часто преобразуют файлы RGB клиентов в CMYK перед печатью на собственном оборудовании, поскольку преобразование зависит от устройства вывода. Каждое устройство имеет особую цветовую гамму, с которой оно работает.
Рекомендуется позволить поставщику услуг печати выполнить преобразование. Однако важно отметить, что готовый продукт будет отличаться по цвету. Профессиональные дизайнеры знают это и учитывают это при проектировании, чтобы потом не было сюрпризов.
PMS в CMYK
Независимо от того, проектируете ли вы на экране или конвертируете цвет PMS в CMYK, в то время как ваша графическая программа будет выполнять переход, рекомендуется действительно видеть окончательный цвет на печати. Этого можно добиться с помощью такого инструмента, как Color Bridge ™ от Pantone.
RGB в HEX
В дополнение к функции преобразования цвета, доступной в графических программах, таких как Illustrator и Photoshop, существует ряд веб-сайтов, которые рассчитывают RGB в HEX, или вы можете выполнить расчет самостоятельно, если вы авантюрный тип.
Neglia Design — это компания, предоставляющая полный спектр услуг в области печати и цифрового дизайна. Свяжитесь с нами, чтобы получить бесплатную консультацию по вашему следующему проекту.
Баланс белого Человеческая зрительная система очень хороша в «балансировке белого». мы смотрим на. Пока просматриваемая сцена содержит непрерывный Спектр цветов, мы интерпретируем свет как «белый». В реальности, Лампа накаливания, которой мы освещаем наши дома, имеет оранжевый цвет. Дневной свет очень синий. Флуоресцентное освещение варьируется от болезненно-зеленого до красновато-пурпурного. И все же мы рассматриваем все эти ситуации с освещением как более или менее нейтрально. цветные. В реальном мире свет состоит из всех видимых цветов, а не только красного, зеленые и синие длины волн. Цветовая система RGB, которую мы используем в компьютере графика возникла из-за особенности человеческого восприятия — у нас есть структуры в наших глазах называемые «колбочки», которые реагируют на красный, зеленый и синий источники света. Монохроматический желтый свет возбуждает как красный, так и зеленый цвет. колбочки в наших глазах, и мы видим их желтыми. Такой желтый свет в в реальном мире красный объект не может казаться красным, а зеленый объект казаться зеленым.Но в компьютерной графике желтый свет имеет одновременно красный и зеленый компонент, что позволяет отображать объекты с этими цветами. полностью окрашен. Это ограничение многих компьютерных графических программ. сейчас. Пленочные фотоаппараты не могут компенсировать оттенки света так, как может наше зрение. Таким образом, у нас есть дневной свет пленка с сильным оранжевым фильтром, чтобы смягчить синий оттенок уличный свет.У нас есть домашняя пленка с усиленным синим откликом на выровняйте янтарное освещение. Для флуоресцентных ситуаций мы можем использовать сочетание типа пленки и фильтров для цветового баланса сцены, в которой мы фотографирование. Если бы мы выбрали определенный цвет света, скажем, дневной свет, и сказать, что он «белый» и сфотографировать все, в помещении и прочь, с пленкой, которая делает дневной свет белым, все наши снимки в помещении будут оттенками оранжевого и янтарного, а снимки на улице под голубое небо было бы ярко-синим.Это было бы нежелательно. Таким образом, также нежелательно использовать аналогичный подход с нашим 3D-рендерингом. света. Мы должны быть относительными — и выбирать светлый цвет, чтобы он был «белым». в нашей сцене с другими типами источников света, окрашенными относительно к этому. Таким образом мы можем производить наши синтетические «фотографии» чтобы получить приятный результат в финальных рендерах. Конечно, чтобы понять насколько разные типы источников света соотносятся друг с другом, важно чтобы понять, как работают эти источники света.Для этого мы собираемся рассмотрим 3 основных типа источников света. | Голубоватый высокотемпературный наружный свет контрастирует с низкотемпературные лампы накаливания. Вы можете загрузить файл сцены Cinema 4D R8 со всеми источниками света в этом статья предопределена здесь. | Черное тело
Источники света Источники света черного тела производят довольно ровный, непрерывный спектр цветов, и поэтому воспринимаются нашим визуальным восприятием как «белые». Следовательно, в отсутствие сравнительных источников света в нашей сцене они должны будет отображаться с теплым, почти белым светом. Ниже приведена диаграмма некоторых распространенных температур источников света Кельвина в сочетании с с их эквивалентами RGB. Эти эквиваленты были получены произвольно. — Я посмотрел на них.В Интернете я нашел пару конвертеров, у каждого свой подход. Один из них раскрашены источники по ссылке — вы вводите температуру Кельвина что вы хотите быть «белым» и температуру, чтобы преобразовать в значение RGB. Однако визуально результаты разочаровали. Они были научно правильными, но не учитывали адаптивность зрительного восприятия человека. Другой конвертер сделал еще хуже, закончив с зеленоватыми оттенками в диапазоне 4500K, которые освещают черное тело не способны творить.Итак, альтернатива заключалась в том, чтобы использовать свой глаз и суждение чтобы прийти к этим значениям.
Образцы
Флуоресцентные лампы
Образцы
Газообразные источники света Опять же, значения в следующей таблице были оценены мной, глядя на различные ночные огни вокруг моего города.
Образцы
Заключение |
(* {{l10n_strings.REQUIRED_FIELD}})
{{l10n_strings.CREATE_NEW_COLLECTION}} *
{{l10n_strings.ADD_COLLECTION_DESCRIPTION}}
{{l10n_strings.COLLECTION_DESCRIPTION}} {{addToCollection.description.length}} / 500 {{l10n_strings.TAGS}} {{$ item}} {{l10n_strings.PRODUCTS}} {{l10n_strings.DRAG_TEXT}}{{l10n_strings.DRAG_TEXT_HELP}}
{{l10n_strings.LANGUAGE}} {{$ select.selected.display}}{{article.content_lang.display}}
{{l10n_strings.АВТОР}}{{l10n_strings.AUTHOR_TOOLTIP_TEXT}}
{{$ select.selected.display}} {{l10n_strings.CREATE_AND_ADD_TO_COLLECTION_MODAL_BUTTON}} {{l10n_strings.CREATE_A_COLLECTION_ERROR}}Индекс позволяет производителям осветительных приборов нацеливать свою продукцию на разные рынки. В мастерской фотографа важно освещение с высоким индексом цветопередачи, тогда как для уличного освещения индекс цветопередачи приносят в жертву эффективности.
Производители светодиодов приняли CRI, чтобы позволить прямое сравнение своей продукции с обычным освещением. Возможность сравнивать источники света таким способом полезна, поскольку помогает убедить потребителей в том, что твердотельное освещение является жизнеспособной альтернативой для основного освещения.Тем не менее, некоторые ставят под сомнение достоверность тестирования CRI для светодиодов белого света, сформированных из группы красных, зеленых и синих фишек, потому что потребители сообщают, что восприятие цвета при таком освещении намного точнее, чем можно было бы предположить с низким CRI.
В этой статье определяется индекс цветопередачи (CRI), объясняется, как продукты тестируются и классифицируются, а также рассматриваются некоторые современные белые светодиоды, чтобы увидеть, как они сочетаются с традиционными конкурентами.
Метод тестового цвета
CRI — это количественная мера способности источника света точно воспроизводить цвета различных объектов по сравнению с идеальным или естественным источником света.Индекс был оформлен Международной комиссией по освещению (CIE, или «Международная комиссия по освещению» на английском языке) как «Цветопередача: влияние источника света на внешний вид объектов путем сознательного или подсознательного сравнения с их цветовым внешним видом под эталонный источник света ».
CRI рассчитывается из разницы в цветности (или «цветности») восьми стандартных цветовых образцов CIE при освещении тестируемым источником света, а затем эталонным источником света с той же коррелированной цветовой температурой (CCT).(См. Статью TechZone « Определение цветовых характеристик белых светодиодов ».)
Для CCT менее 5000 K эталонные источники света, используемые в расчете CRI, соответствуют спектральному распределению мощности (SPD) излучателей черного тела. Для CCT более 5000 K используются воображаемые SPD, рассчитанные на основе математической модели дневного света. Эти два эталонных источника были изначально выбраны для приблизительного измерения ламп накаливания и дневного света. 1 На рисунке 1 показано SPD для дневного света в сравнении с некоторыми распространенными источниками света, включая белые светодиоды.
Чем меньше средняя разница в цветности для восьми образцов между эталонным источником света и исследуемым светом, тем выше индекс цветности. (Фактический метод, используемый для вычисления CRI, сложен и выходит за рамки этой статьи, но заинтересованные читатели могут найти дополнительную информацию о методе в ссылке 2.Проприетарное программное обеспечение также доступно для упрощения процесса.) Образцы цвета покрывают круг оттенков, имеют умеренную насыщенность и примерно одинаковую яркость. Также доступны данные для шести дополнительных тестовых образцов цвета, представляющих ярко-красный, желтый, зеленый и синий, а также цвета лица и листвы.
В 1995 году CIE выпустил технический отчет с подробным описанием того, как применять этот «метод проверки цвета». 3
Естественный свет классифицируется как имеющий индекс цветопередачи 100, наилучший из возможных.Более низкие значения CRI указывают на то, что некоторые цвета могут выглядеть неестественно при освещении тестируемым светом. Лампы накаливания имеют индекс цветопередачи (CRI) выше 95. Это высокое значение, означающее, что цвета при использовании традиционных ламп передаются хорошо (за исключением более темного синего), упоминается как одна из причин, по которой потребители уклоняются от замены этих энергоэффективных устройств на более экологически чистые технологии. (Фигура 2).
Холодно-белые люминесцентные лампы имеют индекс цветопередачи 62, но доступны люминесцентные лампы, содержащие редкоземельные люминофоры, с индексом цветопередачи 80 и выше. Лампы на ртутных парах плохо работают с индексом цветопередачи 45, галогенные лампы хорошо работают с индексом цветопередачи 90 или выше, в то время как компактные люминесцентные лампы (КЛЛ) имеют размер около 80. Как себя чувствуют светодиоды?
Измерение CRI светодиодов
В целом, чем дальше SPD источника света отклоняется от «полного спектра» дневного света, тем хуже CRI.Ярким примером является свет уличного фонаря на парах натрия, который излучает около 90 процентов своего света в желтой части спектра (около 589,3 нм). Следовательно, натриевые лампы имеют индекс цветопередачи 0.
Светодиоды излучают белый свет двумя способами. Первый — использовать красный, зеленый и синий (RGB) светодиоды, тесно сгруппированные вместе, чтобы свет смешивался, чтобы заставить глаз видеть «белый». Второй метод (который оказался более популярным для основного освещения) заключается в использовании светодиода королевского синего цвета в сочетании с люминофором на иттрий-алюминиевом гранате (YAG).Люминофор поглощает часть синего света от светодиода, а затем повторно излучает его в широком диапазоне длин волн, включая зеленый и красный, а также много желтого. (См. Статью TechZone « Белее, Ярче светодиоды .»)
На рисунке 3 показано SPD для светодиода белого света, состоящего из отдельных устройств RGB. Неудивительно, что в спектре наблюдаются пики, соответствующие красному, зеленому и синему источникам. Поскольку этот спектр сильно отличается от полного спектра дневного света, этот тип светодиода белого света работает плохо, имея индекс цветопередачи равный 27.Однако это еще не все, потому что потребители сообщают, что белый свет, генерируемый коммерческими светодиодными кластерами RGB, визуально привлекателен и делает цвета естественными. Одна из возможных причин такой реакции заключается в том, что этот тип светодиода обычно имеет тенденцию увеличивать воспринимаемую насыщенность большинства цветов, не вызывая нежелательных сдвигов оттенков. 4
Более распространенные белые светодиоды с матовым синим / YAG-люминофором более подходят к полному спектру дневного света. На рис. 4 показано SPD для светодиода Philips Lumileds серии LUXEON 3535 для ряда CCT. Это устройство имеет эффективность 103 лм / Вт (при 100 мА / 3,1 В). Производители белых светодиодов люминофорного типа, в том числе Philips Lumileds, тратят много долларов на «настройку» своих люминофоров для излучения более широкого диапазона длин волн, чтобы улучшить качество света и последующий индекс цветопередачи (CRI). CRI устройства Philips Lumileds составляет 82.
Другие крупные производители предлагают белые светодиоды с высоким индексом цветопередачи. Cree поставляет свои микросхемы XLamp XM-L2 с эффективностью 153 лм / Вт (при 700 мА / 2,9 В). Типичный индекс цветопередачи для версии XM-L2 с теплым белым (от 2600 до 3700 K CCT) равен 80, но доступны устройства с индексом цветопередачи до 90.
Со своей стороны OSRAM поставляет ряд белых светодиодов с высоким индексом цветопередачи, включая семейство OSLON SSL.Его белые светодиодные устройства SSL 150 могут выдавать 106 лм / Вт (при 350 мА / 2,95 В) с индексом цветопередачи 83. CRI для всей семьи находится в диапазоне от 65 до 95.
Тест освещения
CRI сработал. а также в качестве эталона для освещения, особенно в ситуациях, когда важно, чтобы искусственный свет точно воспроизводил цвета, например, на фабриках и в офисах. Потребители ощутили преимущества освещения с высоким индексом цветопередачи, потому что лампа накаливания, которая уже более века является опорой домашнего освещения, хорошо справляется с этой задачей.
Светодиодыобладают множеством преимуществ по сравнению с традиционным освещением, включая эффективность и долговечность, но потребители, скорее всего, рассмотрят вопрос о переходе на твердотельное освещение только в том случае, если излучаемый свет, по крайней мере, так же приятен визуально, как у старых технологий.
Значительные инвестиции производителей светодиодов в люминофоры для белых светодиодов привели к тому, что индекс цветопередачи их продукции достиг 80 и более. Белые светодиоды RGB отстают, но инженеры в настоящее время оценивают, действительно ли текущий метод определения цвета для расчета CRI, который был разработан до того, как белые светодиоды стали жизнеспособной альтернативой для освещения, действительно отражает свойства цветопередачи этих современных устройств.(См. Статью TechZone « Цветопередача источников света ».)
Ссылки: