Доброго времени суток, дорогие читатели, знакомые, посетители, мимопроходящие личности и прочие странные существа! Сегодня мы поговорим о немного специфической, но несомненно важной вещи для любого пользователя, а именно о такой штуке: представление цвета в компьютере.
Как ни крути, но рано или поздно все столкнутся с практической необходимостью понимания, что такое цветовая модель, да и просто сие знание полезно с точки зрения расширения кругозора и осознания - что и как работает в компьютере и из чего он состоит как с программной, так и с физической точки зрения.
Что такое цветовая модель
В общем виде цветовая модель - это некоторая абстрактная вещь, в которой цвет представляется в виде совокупности чисел. И каждая такая модель имеет свои особенности и недостатки. По сути, это как с языком, например, если цвет - это слово "дом", то на разных языках оно будет писаться и звучать по-разному, но при этом смысл слова везде будет одинаковый. Так же и с цветом.
Мы рассмотрим самые основные модели. Их 5 . Как правило, используется одновременно несколько различных моделей, т.к. некоторые удобнее всего использовать в визуальном виде, а другие в численном.
RGB
Это самая распространенная модель представления цвета. В ней любой цвет рассматривается как оттенки трех основных (или базовых) цветов: красный (Red) , зеленый (Green) и синий (Blue). При этом существует два вида этой модели: восьмибитное представление, где цвет задается числами от 0 до 255 (например, цвет будет соответствовать синему, а - желтому), и шестнадцатибитное , которое чаще всего используется в графических редакторах и html , где цвет задается числами от 0 до ff (зеленый - #00ff00 , синий - #0000ff , желтый - #ffff00 ).
Разница представлений в том, что в восьмибитном виде для каждого базового цвета используется отдельная шкала, а в шестнадцатибитном уже сразу вводится цвет. Иными словами, восьмибитное представление - три шкалы с каждым основным цветов, шестнадцатибитное - одна шкала с тремя цветами.
Особенность этой модели в том, что здесь новый цвет получается путем добавления оттенков основных цветов, т.е. "смешивания".
На картинке выше видно, как цвета смешиваются друг с другом, образуя новые цвета (желтый - [255,255,0 ], пурпурный - [255,0,255 ], голубой - [0,255,255 ] и белый [255,255,255 ]).
При этом эта модель чаще всего используется именно в численном виде, а не в визуальном (когда цвет задается вводом его значения в соотв. поля, а не выбирается мышкой). Для визуальной настройки цвета используются другие модели. Потому что визуально модель RGB представляет собой трехмерный кубик, который, как Вы видите на картинке выше, не очень удобно использовать:)
Так что это самая распространенная модель у веб-дизайнеров (передаем пламенный привет css ) и программистов.
Недостаток этой модели в том, что она зависит от аппаратной части, иными словами, одна и та же картинка будет неодинаково выглядеть на разных мониторах (ибо в мониторах используется так называемый люминофор - вещество, которое преобразовывает поглощаемую им энергию в световое излучение, а посему в зависимости от качества этого вещества будут определяться базовые цвета) .
Хотите знать и уметь, больше и сами?
Мы предлагаем Вам обучение по направлениям: компьютеры, программы, администрирование, сервера, сети, сайтостроение, SEO и другое. Узнайте подробности сейчас!
CMYK
Это тоже очень распространенная модель, но многие о ней могли вообще ничего не слышать:)
А всё из-за того, что она используется исключительно для печати. Она расшифровывается как Cyan, Magenta, Yellow, Black (или Key Color ), т.е. Голубой, Пурпурный, Желтый и Черный (или ключевой цвет ).
Использование этой модели на печати обусловлено тем, что смешивать по три оттенка для каждого нового цвета слишком затратно и грязно, т.к. когда на бумагу сначала наносится один цвет, потом поверх него другой и затем поверх них третий цвет, во-первых, бумага сильно намокает (если струйная печать), во-вторых, совсем не факт, что получится именно тот оттенок, что Вы хотели. Да, физика она такая:)
Наиболее внимательные могли заметить, что на картинке присутствуют три цвета, а черный получается путем смешивания этих трех. Так, стало быть, зачем его вынесли отдельно? Опять же причина в том, что, во-первых, смешивать три цвета это затратно с точки зрения использования тонера (спец. порошок для картриджа от принтера, который используется вместо чернил в лазерных принтерах), во-вторых, бумага сильно мокнет, что увеличивает время просушки, в-третьих, цвета в действительности могут не смешаться должным образом, а быть более блеклыми, например. Картинка ниже показывает эту модель в реальности
Таким образом, получится скорее не черный, а грязно-серый или грязно-коричневый.
Поэтому (и не только) ввели еще черный цвет, чтобы не пачкать бумагу, не тратиться на тонеры и вообще жить было проще:)
Очень наглядно иллюстрирует всю суть следующая анимация (открывается по клику, вес около 14 Mb ):
Цвет в этой модели задается числами от 0 до 100 , где эти числа часто называют "частями" или "порциями" выбранного цвета. Например, цвет "хаки" получается путем смешивания 30 частей голубой краски, 45 - пурпурной, 80 - желтой и 5 - черной, т.е. цвет хаки будет .
Трудности этой модели заключаются в том, что в суровых реалиях (или в реальных суровиях) цвет зависит не столько от числовых данных, сколько от характеристики бумаги, краски в тонере, способе нанесения этой краски и т.п. Так что числовые значения будут однозначно определять цвет на мониторе, но они не покажут реальной картины на бумаге.
HSV (HSB) и HSL
Эти две цветовые модели я объединил, т.к. они схожи по своему принципу.
Трехмерная реализация HSL (слева) и HSV (справа) моделей представлена в виде цилиндра ниже, но на практике в ПО (программном обеспечении) не используется, ибо.. ибо трехмерная:)
HSV (или HSB) означает Hue, Saturation, Value (еще может именоваться Brightness ), где:
- Hue - цветовой тон, т.е. оттенок цвета.
- Saturation - насыщенность. Чем выше этот параметр, тем "чище" будет цвет, а чем ниже, тем ближе он будет к серому.
- Value (Brightness ) - значение (яркость) цвета. Чем выше значение, тем ярче будет цвет (но не белее). А чем ниже, тем темнее (0% - черный)
HSL - Hue, Saturation, Lightness
- Hue - Вы уже знаете
- Saturation - аналогично
- Lightness - это светлота цвета (не путать с яркостью) . Чем выше параметр, тем светлее цвет (100% - белый), а чем ниже, тем темнее (0% - черный).
Более распространенная модель - HSV , она часто используется вместе с моделью RGB , где HSV показана в визуальном виде, а числовые значения задаются в RGB . :
Здесь RGB- модель обведена красным и значения оттенков задаются числами от 0 до 255 , либо сразу можно указать цвет в шестнадцатеричном виде. А синим обведена HSV модель (визуальная часть в левом прямоугольнике, числовая - в правом ). Также часто можно указать непрозрачность (так называемый альфа-канал ).
Такая модель чаще всего используется в простой (или непрофессиональной) обработке изображений, т.к. при помощи неё удобно регулировать основные параметры фотографий, не прибегая к куче различных фильтров или отдельных настроек.
Например во всеми любимом (или проклинаемом) фотошопе присутствуют обе модели, только одна из них находится в редакторе выбора цвета, а другая - в окне настроек Hue/Saturation
Здесь красным показа RGB-
модель, синим - HSB
, зеленым - CMYK
и голубым Lab
(о ней чуть позже), что видно на картинке:)
А HSL-
модель находится в таком вот окошке:
Недостаток HSB- модели в том, что она также зависит от аппаратной части. Она просто не соответствуют восприятию человеческого глаза, т.к. оный воспринимает цвета с разной яркостью (например, синий воспринимается нами более темным, чем красный), а в этой модели у всех цветов одинаковая яркость. У HSL аналогичные проблемы:)
Таких недостатков хотели избежать, поэтому одна небезызвестная компания CIE (Международная комиссия по освещению - Commission Internationale de l"Eclairage ) придумала новую модель, призванную не зависеть от аппаратной части. И назвали её Lab (нет, это не сокращение от Laboratory ).
Lab или L,a,b
Эта модель является одной из стандартных, хотя и малоизвестна рядовому пользователю.
Расшифровывается она следующим образом:
- L - Luminance - освещенность (это совокупность яркости и интенсивности)
- a - один из компонентов цвета, меняется от зеленого до красного
- b - второй из компонентов цвета, меняется от синего до желтого
На рисунке показаны диапазоны компонент a и b для освещенности 25% (слева) и 75% (справа)
Яркость в этой модели отделяется от цветов, поэтому при помощи неё удобно регулировать контраст, резкость и другие светопоказатели, не трогая при этом цвета:)
Однако эта модель совсем неочевидная для использования и ею довольно трудно пользоваться на практике. Поэтому её используют в основном в обработке изображений и для конвертации оных из одной цветовой модели в другую без потерь (да, это единственная модель, которая делает это без потерь), обычным же смертным страждущим пользователям достаточно, как правило, HSL и HSV плюс фильтры.
Ну и в качестве примера работы модели HSV, HSL и Lab вот картинка из Википедии (кликабельно)
Те, кто работает с графическими редакторами или часто сталкивается с полиграфическими операциями, знают, что к изображениям применяются преимущественно две цветовые схемы: CMYK и RGB. Если разница между ними в расчет не берется, в итоге (при печати, например, или выводе картинки на экран) цвета не соответствуют задуманному.
Определение
RGB — аддитивная цветовая схема, основанная на трех цветах: красном, зеленом и синем. Смешение их дает полный спектр оттенков.
CMYK — субтрактивная цветовая схема, основанная на цветах: циан (сине-зеленый), маджента (пурпурный), желтый и черный (дополняющий).
Сравнение
Разница между цветовыми схемами RGB и CMYK заметна, прежде всего, при переносе (печати) изображения на бумагу или другой носитель. На мониторе компьютера и бумажном листе одна и та же фотография, например, может выглядеть иначе в цветовом отношении, поэтому цвет переводят из одной схемы в другую, чтобы максимально совместить спектры.
В CMYK применяются три основных цвета и один дополнительный. Используется эта схема при печати, когда цвет получается путем расположения рядом точек основных цветов в разном соотношении непрозрачности (от 0 до 100%). Человеческий глаз воспринимает их как общность нужного оттенка. RGB применяется при выводе изображения на монитор, и оттенок создается посредством интенсивности свечения субпикселей (определяется по шкале от 0 до 255). Три субпикселя (красный, зеленый, синий) составляют пиксель.
Цветовая схема RGB образовывает огромный спектр цветов, CMYK охватывает гораздо меньше, поэтому при печати RGB без перевода в CMYK некоторые цвета не воспроизводятся, заменяясь на доступные. Как следствие, изображение не соответствует оригиналу. Кроме того, значительную роль играет и поверхность: бумага не светится, как пиксели монитора, а отражает свет, причем фильтром служит краска. При печати CMYK цвета RGB вычитаются из белого, при печати RGB основные три цвета добавляются к черному.
Обе схемы являются аппаратно-зависимыми, однако RGB в гораздо меньшей степени, чем CMYK. Если RGB определяет цвет довольно точно, и при соответствующей настройке двух мониторов цвета изображения не исказятся, то при печати CMYK многое зависит и от красителя, и от его количества, характеристик носителя, способов нанесения краски. Поэтому считается, что схема CMYK обозначает не конкретные цвета, а набор инструкций для аппаратуры.
Выводы сайт
- RGB применяется при передаче изображения на экран, CMYK — при печати изображения на материальном носителе.
- В RGB используются три основных цвета, в CMYK — три основных и один дополнительный.
- В RGB цвета образуются за счет интенсивности свечения субпикселей, в CMYK — за счет процента непрозрачности красок.
- CMYK охватывает меньший спектр, чем RGB.
- Схема RGB менее аппаратно-зависима.
Для того, чтобы понимать о чем вообще речь, надо представлять что такое RGB или CMYK. Это так называемые цветовые модели, в которых описано количество цветов и их свойства, которые вы можете использовать в своем изображении.
Модель RGB (Red+Green+Blue)
, так называемая аддитивная модель, является базовой для работы с изображениями, которые выводятся на всевозможные мониторы. Это наложение трех цветов в различных пропорциях, формирующее все оттенки, которые вы используете в работе. Почему именно такие взяты цвета зависит от физиологии восприятия наших глаз.
Каждый пиксель монитора состоит из трех последовательно идущих субпикселей, соответственно красного, зеленого и голубого цвета. Зажигаясь в определенном соотношении, пиксели, таким образом, формируют цвета, которые мы видим на экране.
Модель CMYK (Cyan+Magenta+Yellow+Key color) - субтрактивная модель, разработана специально для печати.Поскольку при печати на многих устройствах (офсетная или шелкографская печатная машина, цветной лазерный принтер и т. д.) имеется возможность в каждой отдельной точке либо разместить слой краски строго заданной толщины, либо оставить неокрашенную подложку, то для воспроизведения полутонов изображение растрируется, то есть представляется в виде совокупности точек цветов C, M, Y и K, плотность размещения которых и определяет процент каждой краски. На расстоянии точки, расположенные близко друг к другу, сливаются, и создаётся ощущение, что цвета накладываются друг на друга. Глаз смешивает их и таким образом получает необходимый оттенок.
Обычно в требованиях стоков указано, что иллюстрации надо предоставлять в RGB, но мало кто задумывается почему и часто спрашивают, а нельзя ли в CMYK или чем-нибудь еще.
Могу объяснить почему нельзя.
Так как модель CMYK применяют в основном в полиграфии при цветной печати, а бумага и прочие печатные материалы являются поверхностями, отражающими свет, удобнее считать, какое количество света отразилось от той или иной поверхности, нежели сколько поглотилось. Таким образом, если вычесть из белого три первичных цвета, RGB, мы получим тройку дополнительных цветов CMY. «Субтрактивный» означает «вычитаемый» - из белого вычитаются первичные цвета.
Еще необходимо помнить, что любое изображение в RGB вы можете в любой момент преобразовать в CMYK и ваш компьютер пересчитает все пиксели в способ отображения CMYK. НО вот преобразовать ваш рисунок обратно в RGB вы уже не сможете. Особенность цветов CMYK в том, что к каждому цвету подмешивается черный. Таким образом цвета становятся мутными и не такими яркими, как на мониторе. Именно из-за этой проблемы пришлось придумывать библиотеку PANTONE, например, известную тем, кто имел дела с типографией. Потому что очень сложно при печати добиться таких же цветов, как на мониторе. Поэтому были разработаны цвета, созданные в определенных пропорциях и дающие возможность печатать максимально близко к тому образцу, который вы можете увидеть на бумаге.
Значения цветов в RGB и CMYK сильно различаются. Воспринимаемый человеком цвет как синий например, в CMYK будет выглядеть как фиолетовый. Как такового синего цвета здесь нет. Зато отпечатанное изображение будет иметь высокое качество за счет того, что CMYK является четырехцветной палитрой. За счет черного цвета достигается высокая четкость изображений.
Поэтому делая картинки для стоков, следите, чтобы была выбрана цветовая модель RGB. Посмотреть, что именно стоит у вас сейчас легко: в иллюстраторе в верхней панели в меню «Файл» есть строчка «Цветовой режим документа». В фотошопе, так же в верхней панели надо выбрать меню «Изображение» и в нем первую строку «Режим».
RGB (аббревиатура английских слов Red, Green, Blue - красный, зелёный, синий) - аддитивная цветовая модель, как правило, описывающая способ синтеза цвета для цветовоспроизведения.Выбор основных цветов обусловлен особенностями физиологии восприятия цвета сетчаткой человеческого глаза. Цветовая модель RGB нашла широкое применение в технике.Четырёхцветная автотипия (CMYK: Cyan, Magenta, Yellow, BlacK) - субтрактивная схема формирования цвета, используемая прежде всего в полиграфии для стандартной триадной печати. Схема CMYK обладает сравнительно с RGB меньшим цветовым охватом.
Если Вы дизайнер, то не мне Вам объяснять что это такое и в чём разница. Но, если не работаете в графических редакторах и не редко заказывая в типографиях печатную продукцию, удивляетесь почему цвета выглядят не такими яркими, то этот пост для Вас.По долгу службы часто приходится слышать такие фразы:
«- На мониторе ярко, сочно, а напечатали блекло»«-Я это не утверждал, это блекло - переделывайте»…и т. д.
Разница восприятия и специфика моделей
» CMYK используется в полиграфии. Состоит из 4-х цветов Cyan (голубой), Magenta (пурпурный), Yellow (желтый), и Blaсk (черный). Каждое из чисел цвета используемых в даннойцветовой модели определяет проценты краски, составляющих цветовую комбинацию.На мониторе отсутствие цвета является черным цветом, а белый цвет получается при смешении всех цветов, на бумаге наоборот,отсутствие цвета это белый, а смешение всех цветов черный.RGB используется для web, cостоит из трех цветов R(red) красный, G (green)зеленый, В(blue) голубой. «Эти цвета излучает монитор, атак же только эти цвета воспринимает сканер. Остальные цвета получаются с помощью смешения этих трех основных цветов.»- так наиболее четко это можно сформулировать (взято из интернета)А теперь подробнее…Основной метод цветопередачи в RGB построен на объекте испускаемом свет, т.е. картинка на вашем мониторе является источником света. Подробно принцип описан на рисунке 1 ниже:
Итак, из рисунка понятно как работает модель RGB, собственно из определения понятно, что она разработана специально для этих целей. Иными словами RGB это вообще не краска, а скорее температура нагревания пикселей, из которых состоит экран транслирующий изображение.В отличие от RGB CMYK создана непосредственно для печати, где цвета и оттенки формируются из упомянутых в определении красок.На рисунке 2 показано, как воспринимается цветопередача любого напечатанного продукта:
(1 - источник света, 2 - объект, 3-глаз)
На всякий случай уточню, что человеческое зрение устроено так, что возможность различать у нас есть за счёт СВЕТА отражаемого или если объект является источником света.Пожалуй это главный аргумент того, почему на мониторе «картинки ярче»Проще говоря, красная лампочка на елочной гирлянде будет всяко ярче нежели рисунок красным фломастером на бумаге потому, что гирлянда испускает свет, а рисунок отражает. Вот и вся разница.
Можно ли напечатать RGB ?
Можно, но цвета все равно интерпретируются в CMYK, потому, что последние являются краской из которой формируются оттенки. Главное понимать, что такой операцией Вы можете исказить цвета вашего изображения.Надеюсь, мне удалось объяснить простыми словами почему на мониторе изображение ярче.
Знание и понимание основ цветовых схем RGB (красный, зелёный, синий) и CMYK (циан, маджента и жёлтый, или голубой, пурпурный) поможет разобраться в домашнем использовании струйной печати. Чтобы научиться правильной печати для начала необходимо знать, какая цветовая схема лежит в основе изображения.
В мире домашней струйной печати присутствует некоторое непонимание цветовых схем CMYK (циан, маджента и жёлтый, или голубой, пурпурный) и RGB (красный, зелёный, синий). Многие фотолюбители не понимают, какую цветовую схему используют их цифровые камеры. Поэтому они часто озадачены при печати фотографий на струйных принтерах у себя дома. Фотолюбители отправляют фотографии на печать, смотрят на фото, и никак не могут понять, почему изображение на фото не соответствует изображению на мониторе.
CMYK – это схема формирования цвета. CMYK – это аббревиатура от Cyan, Magenta, Yellow, and Key (циан, маджента и жёлтый, черный или голубой, пурпурный, чёрный). Смешивание этих четырёх цветов в определённых пропорциях даст миллионы цветов для воспроизведения изображения при печати. Изображения такого рода вы можете найти в цветных журналах и книгах.
RGB (сокращение от Red, Green, and Blue - красный, зелёный, синий) представляет собой цветовую схему, используемую при отображении изображения на мониторе вашего компьютера. RGB цвета, вообще-то, светлые цвета, и перемешивание разных оттенков этих цветов создание миллионы цветов, которые отображаются на вашем мониторе. Все сайты и остальные изображения, которые вы видите на своём мониторе, отображаются в цветовой схеме RGB (если только они не были переведены в схему CMYK).
Когда вы распечатываете изображения с компьютера с помощью струйного принтера, принтер печатает это изображение, используя краску CMYK. Просмотр изображения в схеме RGB с последующей распечаткой в схеме CMYK может не дать желаемых результатов. Такие программы, как Adobe Photoshop смогут перевести ваше изображение из RGB в CMYK, и наоборот. Некоторые принтеры требуют, чтобы изображение было в схеме CMYK, прежде чем можно будет нормально распечатать изображение. Такие принтеры не смогут нормально распечатать изображение, если оно в цветовой схеме RGB.
Причина печати в схеме CMYK – это возможность просмотра изображения в схеме CMYK перед печатью. Когда изображение переводится из RGB в CMYK, могут возникнуть некоторые изменения цвета, что будет заметно на изображении. Причиной этого заключается в том, что многие цвета RGB не воспроизводятся в CMYK. Поэтому всегда целесообразно переводить изображение в схему CMYK перед тем, как делать распечатку. Вы заметите значительные цветовые изменения изображения, особенно в местах, где изображение насыщено цветом. Когда вы осуществите перевод из одной схемы в другую, некоторые цвета станут менее яркими. Благодаря программному обеспечению для графического редактирования, вы сможете исправить проблемные места изображения.
Многие принтеры, предлагаемые сегодня на рынке, печатают непосредственно из цветовой схемы RGB. Перевод изображения в схему CMYK может стать причиной неудовлетворительной печати. Вам нужно будет выяснить, какую цветовую схему поддерживает ваш принтер. Программное обеспечение, прилагаемое к принтеру, поможет вам узнать цветовую схему. Если не предусмотрена опция перевода схемы RGB в CMYK, принтер, скорее всего, будет печатать из схемы RGB. Дорогие модели принтеров используют схему CMYK, так как не все пользователи знают, что существуют различия между цветовыми схемами. Однако самые последние модели струйных принтеров печатают непосредственно из схемы RGB, так как эта схема воспроизводит больше цветов по сравнению со схемой CMYK.
Если вы посетите сайт www.instantimagers.com, вы сможете найти образцы цветовых схем RGB и CMYK. Когда вы начнёте сравнивать эти схемы, вы заметите различия цветов. Причиной различия является отсутствие некоторых цветов CMYK в RGB. Обе версии представлены, потому что не все принтеры одинаковы. Каждый принтер будет работать лучше с одной из схем. Пользователям приходится обрабатывать изображения после перевода из одной цветовой схемы в другую, так как не все цвета переводятся без изъянов в изображении.
Если всё сказанное вам кажется слишком сложным, не волнуйтесь. Самое важное, что нужно помнить – печатать лучше, используя схему RGB, если ваш принтер и программное обеспечение поддерживают её. Пусть программное обеспечение и принтер побеспокоятся за вас о том, как правильно напечатать цвета. Если вы имеете опыт корректировки цвета фотографий и хотите иметь больше контроля над цветом изображения, печатайте в CMYK. Таким образом, вы будете редактировать, и печатать изображение в цветовой схеме, которую использует ваш принтер. Вы также сможете увидеть пределы цветового спектра печати схемы CMYK на своём мониторе. Правильный подбор цветов RGB и CMYK отличается от подгонки принтера под цвета монитора. Вообще, это второй шаг на пути достижения лучшей цветности распечаток. А вот первым шагом в достижении отличной распечатки всё-таки остаётся понимание разницы между схемами RGB и CMYK.
