Faq число цветов (цветовая палитра) у данного компьютера

Faq число цветов (цветовая палитра) у данного компьютера

— Возникло подозрение, что картинки, которые ты показал нам прошлый раз, нарисованы не в Paint! — Вася с досадой посмотрел на Шурика.

— Почему ты так решил?

— Хотел повторить эти рисунки, но не мог найти нужных цветов! Для картинки с образцами материала я обнаружил в палитре Paint только два подходящих цвета, не считая белого и чёрного:

— На панели цвета в Paint размещается 28 красок. Однако для рисования можно использовать миллионы компьютерных цветов!

— Ого! Но где же брать эти цвета?

Выбор цвета

— Можно “забрать краску” с готового рисунка при помощи инструмента Выбор цветов :

Курсор принимает форму пипетки:

Краска для основного цвета (щелчок левой кнопкой) и цвета фона (щелчок правой кнопкой) набирается в пипетку с нужного участка рисунка:

— А если рисунка с нужными цветами под рукой нет?

Основная палитра

— Можно заменить любой цвет рабочей палитры одним из 48 цветов основной палитры.

Алгоритм замены цвета

1. Выбираем в рабочей палитре цвет, который можно заменить новым, и выполняем на нем двойной щелчок (левой или правой) кнопкой:

Выбираем новый цвет в появившемся окошке Изменение палитры :

Новый цвет появляется в рабочей палитре на месте старого:

— В основной палитре всего 48 красок. А ты говорил, что в редакторе можно использовать миллионы компьютерных цветов!

— Так оно и есть! Посмотри: под основной палитрой в окошке Изменение палитры есть область Дополнительные цвета с 16 пустыми “коробочками” для краски. Их можно заполнить любыми цветами, которые только способен построить компьютер.

— А как это сделать?

Дополнительные цвета

— Нужно в окне Изменение палитры нажать кнопку Определить цвет . В расширенном окне появляются средства для задания нового цвета:

Сначала определяем цвет, потягивая мышкой за движок выбора цвета , потом устанавливаем яркость цвета треугольным движком выбора яркости . Результат демонстрирует прямоугольник индикатора цвета .

— Сохранить новый цвет в палитре дополнительных цветов можно, вероятно, кнопкой Добавить в набор ?

— Верно. Таким образом, например, можно получить комплект серых красок для придания объёма изображению металлической трубы:

— Я заметил, что чем меньше диаметр трубы, тем более она походит на настоящую!

— Для придания объёма на всех трубах использованы пять цветов. Белая полоска по центру создаёт эффект максимальной освещенности. Серые цвета с уменьшающейся яркостью имитируют удаление поверхности от источника света.

Яркость цвета от центра к краям должна уменьшаться постепенно. Для “узкой” трубы достаточно четырех ступенек серого цвета. Для “широкой” — надо брать больше цветов, чтобы цветовые переходы были плавными.

— А как работать с палитрой дополнительных цветов?

— Замена цвета в рабочей палитре редактора на цвет из основной или дополнительной палитры выполняется одинаково, но эти цвета пропадают, как только закрывается окно редактора.

Заливка

— На панели инструментов редактора есть забавная пиктограмма с изображением баночки. Что в ней? Освежающий напиток для уставшего художника?

— Этот инструмент называется Заливка . Он предназначен для закрашивания замкнутых областей рисунка.

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

Щелчком левой кнопки область окрашивается в основной цвет, а щелчком правой — в цвет фона.

При работе с инструментом надо внимательно следить за замкнутостью окрашиваемой области: краска способна “протечь” наружу через дырочку в один пиксел:

Почему трава зелёная

— Почему трава — зелёная, а песок — жёлтый?

— Потому, что трава отражает зелёный цвет, а остальные цвета — нет. Потому, что песок отражает жёлтый цвет, а остальные — нет.

— Как трава может отражать зелёный цвет, а песок — жёлтый, если они освещаются не зелёным, не жёлтым, а белым цветом?

— Как известно, белый цвет являются смесью всех цветов. Это легко увидеть, если пропустить его через стеклянную призму. Так как разные цвета имеют разные углы преломления, то мы увидим все составляющие белого цвета по отдельности. Условно эти цвета разбивают на семь групп (“цвета радуги”):

Только не надо думать, что белый цвет состоит из семи цветов! Просто в семь групп собраны все оттенки красного, оранжевого, жёлтого, зелёного, голубого, синего и фиолетового цвета. А на рисунке каждая группа условно изображена одним “чистым” цветом.

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

— Остальные цвета трава поглощает.

— А песок поглощает все цвета, кроме жёлтого?

— Верно. Жёлтый цвет песок отражает, и мы таким его видим.

— А как глаз человека различает цвета?

— Свет попадает на светочувствительные клетки глаза (сетчатку). Эти нервные клетки разделяются на колбочки и палочки . Палочки “отвечают” за чёрно-белое вечернее и ночное зрение, а колбочки — за цветное.

Колбочки, в свою очередь, разделяются на три группы: “красные” (воспринимают только красный цвет), “зелёные” (воспринимают только зелёный цвет), “синие” (воспринимают только синий цвет).

Информация от колбочек поступает в зрительный нерв, где суммируется, и человек видит цвет, как смесь красной, зелёной и синей составляющей.

— Выходит, что любой цвет получается смешиванием трёх цветов: красного, зелёного и синего?

— Я смешал эти краски и получил почти белый цвет!

— Всё зависит от того, в каких пропорциях брать эти краски.

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

Равные количества красной и синей краски, дают пурпурный цвет, а равные количества зелёной и синей — голубой:

Если взять синюю краску и 75% от ее количества красной, то получается смесь фиолетового цвета. Оранжевый цвет состоит из равного количества зелёной и синей краски и 30% красной:

— Я вспомнил: цветное изображение на экране монитора тоже получается смешиванием красок! Каждый пиксел состоит из трёх крупинок люминофора — красного, зелёного и синего цвета. Значит, создатели цветного экрана просто скопировали устройство человеческого глаза!

Компьютерные цвета

— Кодирование цвета при помощи трёх составляющих — красной, зелёной и синей — действительно, принято в компьютерном деле и носит название RGB (от R ed — красный, G reen — зелёный, B lue — синий).

— Я слышал, что разные мониторы могут воспроизводить на экране разное число цветов.

— Число возможных цветов на экране компьютера зависит как от физических характеристик самого монитора, так и от количества памяти, расположенной на видеокарте. Как правило, монитор можно настроить на разные режимы работы.

Давай подробнее рассмотрим этот вопрос.

Пусть каждый из трёх образующих цветов либо участвует в образовании цвета, либо нет. Тогда для кодирования интенсивности красного, зелёного или синего цвета достаточно двух значений: 0 — цвета нет, 1 — цвет есть. При таком кодировании получается палитра из 8 цветов:

Число 8 (цветность монитора) получается перемножением трёх двоек, каждая из которых обозначает число вариантов интенсивности составляющих цветов: 8 = 2 · 2 · 2.

“Чёрный” пиксел (отсутствие красной, зелёной и синей составляющей) имеет цвет экрана монитора в выключенном состоянии.

— Вот почему в рекомендациях по выбору монитора предписывается обращать внимание на цвет погашенного экрана!

— Эта правильная рекомендация. Чем чернее покрытие экрана, тем лучше монитор будет передавать чёрный цвет.

Давай определим теперь размер видеопамяти необходимой для 8-цветного монитора с разрешением 640×480.

— Придётся опять заняться умножением! Каждый составляющий цвет требует для кодирования один бит (0 — цвета нет, 1 — цвет есть). Значит, для каждого пиксела потребуется 3 бита, чтобы закодировать все три его RGB-цвета.

Получается, что для такого монитора нужна память в 3 · 640 · 480 = 921 600 бит.

— В байтах это: 921 600 / 8 = 115 200 байт. Учитывая, что в одном килобайте 1024 байт, получаем, что видеопамяти в 113 КБ будет достаточно (115 200 / 1024 = 112.5).

Рассмотрим общие правила вычисления цветности монитора и размера видеопамяти, необходимой для работы монитора в заданном разрешении.

Вычисление цветности монитора

Цветное пятно получается наложением RGB-лучей трёх прожекторов:

Пусть каждый прожектор имеет два состояния: выключен и включён.

Сколько цветов на экране смогут создать такие прожекторы?

Если прожектор один, то он создаёт два цвета (один из них чёрный):

Пусть теперь прожекторов два. В каждом состоянии первого второй может быть выключен или включён:

Получается, что двумя прожекторами можно получить 4 цвета: каждое из двух состояний первого прожектора “умножается” на два состояния второго.

Добавим третий прожектор. Каждое его состояние обеспечивает 4 цвета изменением состояний двух других прожекторов. Значит, тремя прожекторами можно получить 8 цветов (2 · 4):

Видим, что цветность вычисляется перемножением трёх чисел, задающих количество возможных состояний для каждого прожектора.

Пусть число вариантов интенсивности каждой RGB-компоненты равно k . Получаем универсальную формулу для вычисления цветности C :

C = k · k · k = k 3

Вычисление размера видеопамяти

Сначала определим, сколько бит потребуется для кодирования k состояний одной RGB-компоненты.

Пусть k = 2 (прожектор выключен, прожектор включён). Для кодирования этих состояний прожектора достаточно одного бита:

Для k = 3 потребуется 2 бита:

Двух битов достаточно для кодирования и четырёх состояний:

А вот для кодирования 5 состояний двух битов уже мало:

Заметим, что число битов, необходимых для кодирования k состояний, равно числу двоичных разрядов в двоичной записи числа (k-1) .

Алгоритм вычисления размера видеопамяти

Пусть монитор работает в разрешении w x h , и каждая RGB-компонента может быть в одном из k состояний. Определить V &nbsp— размер необходимой видеопамяти.

Определим число бит для кодирования одной компоненты. Для этого запишем число k-1 двоичным кодом и подсчитаем число получившихся двоичных разрядов b .

Определим число бит, необходимых для кодирования одного пиксела:

p = 3·b (кодирование 3-х компонент)

Определим размер видеопамяти:

Пример

Подсчитаем необходимый размер видеопамяти для разрешения 640×480, если каждая RGB-компонента имеет 6 градаций интенсивности.

1. Определим число бит для кодирования одной компоненты. Для этого запишем число k-1 = 5 двоичным кодом и подсчитаем получившееся число двоичных разрядов:
2. Определим число бит, необходимых для кодирования одного пиксела:
3. Определим размер видеопамяти:

Режимы работы монитора

— В настройках цветовой палитры моего монитора написано “True Color (24 бита)”. Что это означает?

— Английское выражение “True Color” переводится как “естественные цвета”. Каждый составляющий RGB-цвет кодируется в этой палитре 8 битами. Для трёх цветов получается 24 бита на один пиксел.

— Сколько же градаций интенсивности цвета можно закодировать 8 битами?

— Восемью битами можно кодировать числа от 0 до 255, то есть всего можно закодировать 256 значений.

Ниже приводятся примеры 8 цветов из 24-битной палитры. Рядом с каждым цветом указаны значения его RGB-составляющих. Указан двоичный 8-битный код и десятичное число, соответствующее этому коду.

Вот задание для тебя: подсчитай, сколько всего цветов в 24-битной палитре, и сколько видеопамяти потребуется для хранения полного экрана монитора с разрешением 640×480.

— Число цветов определяется перемножением числа вариантов RGB-составляющих. Получается: 256 · 256 · 256 = 16 777 216.

О-го-го! Более 16 миллионов цветов!

Теперь подсчитаем объём видеопамяти: 24 · 640 · 480 = 7 372 800 бит.

В килобайтах это получается: 7 372 800 / 8 / 1024 = 900 КБ.

Конструирование цвета

— Конструируя новый цвет в графическом редакторе, можно работать движками цвета и яркости, а можно записывать числовые значения RGB-компонент в окошках ввода:

— А что означают еще три окошка с надписями Оттенок , Контраст и Яркость ?

— Числа в этих окошках описывают цвет в другой системе кодирования — HSB (от H ue — цветовой тон, оттенок; S aturation — насыщенность, контрастность; B rightness — яркость).

Выбор цвета при помощи движков в окне Изменение палитры как раз соответствует цветовой модели HSB. Перемещение движка цвета по горизонтали меняет оттенок (H), по вертикали — контрастность (S). Перемещение треугольного движка (по отдельной вертикальной линейке) меняет яркость (B).

Оттенок (тон) — это цвет на радуге.

Контрастность (насыщенность) — это содержание в цвете серой примеси. Цвет максимальной насыщенности не содержит серого вообще, а при нулевой насыщенности — все цвета серые.

Яркость — это интенсивность, с которой излучается цвет. При максимальной яркости все цвета превращаются в белый цвет, при нулевой — в чёрный.

— Подбирать цвет по системе HSB, конечно, проще, чем задавать его в виде RGB-компонент! Сначала выбираешь цвет на радуге (слева направо), потом устанавливаешь его контрастность (сверху вниз), а затем задаёшь яркость отдельным движком.

— Именно такой алгоритм подбора цвета и рекомендуется использовать:

Как можно “забрать” цвет с готового рисунка?

Как закрасить замкнутую область?

Что произойдёт, когда контур закрашиваемой области имеет разрыв?

Расскажите алгоритм замена цвета рабочей палитры на цвет из основной или дополнительной палитры.

Почему трава зелёная, а песок жёлтый?

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

Верно ли, что радуга состоит из 7 цветов?

Объясните устройство человеческого глаза.

Какие нервные клетки отвечают за чёрно-белое, сумеречное зрение?

Какие нервные клетки отвечают за цветное зрение?

Какой цвет получится, если смешивать красную, зелёную и синие компоненты?

Какой цвет получится, если смешать равное количество красок чистого красного, зелёного и синего цвета?

Какой цвет получится, если смешать равное количество красок чистого красного и зелёного цвета?

Какой цвет получится, если смешать равное количество красок чистого зелёного и синего цвета?

Какой цвет получится, если смешать равное количество красок чистого красного и синего цвета?

Как называется система кодирования цвета в компьютере?

Как задаётся цвет в системе кодирования RGB?

Назовите цвета 8-цветной палитры и их двоичные коды.

Как получаются чёрный и белый цвета на экране компьютера?

Почему при выборе монитора рекомендуется обращать внимание на цвет экрана в выключенном состоянии?

Что такое цветовая палитра монитора?

Чем определяется число битов, необходимых для кодирования цвета одного пиксела?

Что хранится в видеопамяти компьютера?

От чего зависит размер видеопамяти, необходимой для показа на экране цветного изображения?

Как рассчитать необходимый размер видеопамяти?

Как рассчитать цветность монитора, если задано число вариантов интенсивности RGB-компонент?

Как называется система кодирования цвета, на основе которой построен интерфейс подбора цвета в графическом редакторе?

Как задаётся цвет в системе кодирования HSB?

Что такое тон, насыщенность (контрастность) и яркость цвета?

Расскажите алгоритм конструирования цвета при помощи HSB-интерфейса.

Вариант 1

Сколько памяти (в битах) потребуется для кодирования цвета одного пиксела на чёрно-белом мониторе (без полутонов)? Как можно закодировать состояние пиксела?

На чёрно-белом мониторе отображаются только двухцветные изображения с разрешением 640х200. Какой минимальный объём в байтах должна иметь видеопамять для хранения такого изображения?

В следующей таблице представлена кодировка 8-цветной палитры с помощью трёхразрядного двоичного кода:

Определите по таблице, смешением каких цветов получается цвет:

Вариант 2

Исследуйте возможные настройки вашего домашнего монитора — палитру и разрешение (щёлкните правой кнопкой мыши по Рабочему столу , затем из контекстного меню выберите Свойства , вкладка Настройка , выпадающий список Цветовая палитра и бегунок Область экрана ). Запишите значения из списка и с бегунка.

Рассчитайте по обнаруженным данным минимальный и максимальный объём видеопамяти в КБ и МБ, которая используется при работе вашего монитора.

Вариант 3

Выберите три цвета из таблицы задания 3 варианта 1 и помогите гномам решить задачу. Укажите на рисунке соответствующие коды цветов.

Нарисуйте на голубом поле размером 10х10 клеток жёлтую пиктограмму — символ вашего любимого школьного предмета. Считая, что это изображение создаёт монитор, который работает в 8-цветной палитре, запишите содержимое видеопамяти, соответствующее изображению.

Видеопамять монитора с разрешением 200×200 равна 64700 байт. Сколько цветов максимально может быть в палитре такого компьютера?

Глубина цвета и количество отображаемых цветов

Растровые изображения чувствительны к масштабированию.

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

Рис. Растровое изображение российского герба, его уменьшенная копия и увеличенный фрагмент

С другой стороны, если размеры пикселей достаточно малы, то растровое изображение выглядит не хуже фотографии (рис. 2).

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

Таким образом, растровая графика эффективно представляет изображения фотографического качества, поскольку растровая графика позволяет отображать:

Ÿ большое количества цветов и полутонов:

Ÿ градиенты и переходы цветов;

Ÿ большое количество мелких деталей.

Для кодирования цветов изображения в компьютере используются цветовые модели.

Цветовая модель (система цветопередачи) – это способ представления различных цветов спектра в виде набора числовых характеристик определенных базовых компонентов. Эта модель описывает излучаемые цвета.

Цветовая модель RGB. Для кодирования цветных графических изображений применяется принцип декомпозиции. Известно, что любой цвет можно представить в виде комбинации трех основных цветов: красного (Red, R), зеленого (Green, G), синего (Blue, B). Эти цвета называются основными. Другие цвета и их оттенки получаются за счет наличия или отсутствия этих составляющих. По первым буквам основных цветов система и получила свое название – RGB. Данная цветовая модель является аддитивной, то есть любой цвет можно получить сочетанием основных цветов в различных пропорциях.

При кодировании каждой точки тремя байтами первый байт является красной составляющей, второй байт – зеленой, а третий – синей составляющей. Чем больше значение байта цветовой составляющей (в пределах от 0 до 255), тем ярче будет цвет. Например, темно-синий кодируется тремя байтами (0, 0, 128), а ярко-синий (0, 0, 255).

Минимальные значения RGB (0,0,0) соответствуют черному цвету, а белому – максимальные с координатами (255, 255, 255).

Рис. Цветовая модель RGB

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

Цветовая модель CMYK. Цветовая модель CMYK в отличие от RGB описывает поглощаемые цвета. Эта цветовая модель используется при подготовке публикаций к печати. Каждому из основных цветов можно поставить в соответствие дополнительный цвет (дополняющий основной до белого). Получают дополнительный цвет за счет суммирования пары остальных основных цветов. Цвета, которые используют белый свет, вычитая из него определённые участки спектра, называются субтрактивными (вычитательными). Значит, дополнительными цветами для красного является голубой (Cyan,C) = зеленый + синий = белый — красный, для зеленого – пурпурный (Magenta, M) = красный + синий = белый — зеленый, для синего – желтый (Yellow, Y) = красный + зеленый = белый — синий. Причем принцип декомпозиции произвольного цвета на составляющие можно применять как для основных, так и для дополнительных, то есть любой цвет можно представить или в виде суммы красной, зеленой, синей составляющей или же в виде суммы голубой, пурупурной, желтой составляющей. В основном такой метод принят в полиграфии. Но там еще используют черный цвет (BlacК, так как буква В уже занята синим цветом, то обозначают буквой K).

Рис. Цветовая модель CMYK

Цветовая модель HSB. Модель HSB основана на трех параметрах: H – оттенок (Hue), S – насыщенность (Saturation) и B –яркость (Brightness). Оттенок H определяет цвет в спектре и задается целым числом от 0 до 360 (0 – красный цвет, 360 – фиолетовый). Насыщенность S характеризует долю белого цвета, добавленного к выбранному оттенку и задается в процентах от 0 до 100. Нулевая насыщенность соответствует серому цвету, а максимальная – наиболее яркому варианту данного цвета. Яркость B определяется примесью черного цвета к выбранному оттенку и задается в процентах от 0 до 100. Любой оттенок при минимальной яркости становится черным. понимается как степень освещенности. Максимальная яркость при максимальной насыщенности дают наиболее выразительный вариант данного цвета.

Модель HSB удобно представлять в виде цветового круга.

Рис. Цветовая модель HSB

Значение цвета выбирается как точка на круге (или вектор, выходящий из центра окружности и указывающий на данную точку). Различные оттенки располагаются по окружности, состоящей из 360 градусов. Красный цвет соответствует 0, желтый – 60, зеленый – 120, бирюзовый – 180, синий – 240 и пурпурный 300 градусам. Точки на самой окружности соответствуют чистым (максимально насыщенным) цветам. Точка в центре соответствует нейтральному цвету минимальной насыщенности (белый, серый, черный — это зависит от яркости). То есть можно сказать, что угол наклона вектора определяет оттенок, длина вектора – насыщенность цвета. Яркость цвета задают на отдельной оси, нижняя точка которой имеет минимальную яркость, а верхняя – максимальную

Достоинство этой модели состоит в том, что она создавалась не для мониторов или принтеров, а для людей. Ведь человек интуитивно воспринимает цвет, разделяя его на оттенок, насыщенность и яркость. Эту модель используют художники при создании компьютерных изображений, моделируя нужный цвет на «виртуальном мольберте» графического редактора.

При сохранении графического изображения на внешнем носителе могут использоваться различные способы упорядочивания данных в файле, каждый из которых определяет формат (тип) графического файла.

Знание файловых форматов и их возможностей является одним из ключевых факторов в допечатной подготовке изданий, подготовке изображений для Web и в компьютерной графике вообще.

.BMP – самый простой растровый формат, являющийся родным форматом Windows, он поддерживается всеми графическими редакторами, работающими под ее управлением и рекомендуется для хранения и обмена данными с другими приложениями.. В BMP данные о цвете хранятся только в модели RGB, поддерживаются как индексированные цвета (до 256 цветов), так и полноцветные изображения. Изображение в этом формате сохраняется попиксельно без сжатия.

.JPEG (или .JPG) – самый популярный формат для хранения фотографических изображений, является общепризнанным стандартом в Интернете. Использует эффективный алгоритм сжатия данных, который значительно уменьшает размер файла. Но это достигается за счет необратимой потери части данных и ухудшения качества изображения.Данный формат целесообразно использовать для хранения24-битовых полноцветных изображений с плавными переходами между цветами, где потеря качества малозаметна. Формат используется приложениями для различных операционных систем.

.GIF – самый популярный формат на интернетовских просторах Отличительной его особенностью является использование режима индексированных цветов (не более 256), что ограничивает область применения формата изображениями, имеющими резкие цветовые переходы. Формат GIF является излюбленным форматом веб-мастеров, использующих его для сохранения многочисленных элементов оформления своих страничек. Небольшие размеры файлов изображений обусловлены применением алгоритма сжатия без потерь качества, благодаря чему изображения в этом формате наиболее удобны для пересылки по каналам связи глобальной сети. У этого формата есть интересные особенности, позволяющие создавать необычные эффекты: прозрачность фона и анимацию изображения.

.TIFF – ак универсальный формат для хранения растровых изображений с большой глубиной цвета, достаточно широко используется, в первую очередь, в издательских системах, требующих изображения наилучшего качества. Он также используется при сканировании, отправке факсов, распознавании текста. Благодаря своей совместимости с большинством профессионального ПО для обработки изображений, формат TIFF очень удобен при переносе изображений между компьютерами различных типов (например, с PC на Маc и обратно).

Формат .PNG, являющийся плодом трудов сообщества независимых программистов, появился на свет как ответная реакция на переход популярнейшего формата GIF в разряд коммерческих продуктов. Этот формат, сжимающий графическую информацию без потерь качества, в отличие от GIF или TIFF сжимает растровые изображения не только по горизонтали, но и по вертикали, что обеспечивает более высокую степень сжатия и поддерживает цветные фотографические изображения.

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

Растровые графические редакторы предназначены как для обработки готовых изображений (фотографии, отсканированные изображения), так и для создания изображений. Примерами таких редакторов являются Paint – стандартное приложение ОС Windows и мощная графическая система Adobe PhotoShop,

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

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

Рис. Векторная графика

Линия имеет свойтсва: форма линии, ее толщина. Цвет, характер линии (сплошная линия, пунктирная и т.п.). Замкнутые линии имеют свойство заполнения. Внутренняя область замкнутого контура может быть заполнена цветом. Узором, текстурой.

Отсюда и основные достоинства векторных форматов – компактность полученных файлов и возможность масштабирования, трансформации объектов, при этом толщина линий может оставаться постоянной, изображение остается ярким и контрастным и его качества не ухудшится.

Единственным недостатком векторных изображений является относительно небольшое количество возможных цветов, которые они могут в себе содержать. Одной фигуре единовременно можно задать только один цвет или градиент. Естественно, о фотореалистичности не может быть и речи.

Векторные изображения строятся в специализированных программах, например в Adobe Illustrator или Corel Draw.

Разнообразие форматов векторной графики значительно меньше, чем растровой графики и правтически каждый векторный редактор использует свой собственный формат сохранения данных.

.WMF – универсальный формат хранения векторных графических файлов для приложений Windows. Используется для хранения коллекции графических изображений Microsoft Clip Galery.

.CDR – оригинальный формат файлов векторного графического редактора CorelDraw. Изображение в файле может состоять из нескольких страниц. Формат позволяет сохранять не только векторную графику, но и текст и растровые изображения.

.AI – оригинальный формат файлов векторного графического редактора Adobe Illustrator.

Преобразование векторного изображения в растровое происходит очень просто. Обратный процесс – преобразование растрового изображения в векторное, всегда представляет большие сложности. Процесс преобразования растрового изображения в векторное называется трассировкой.. Программа трассировки растровых изображений отыскивает группы пикселей с одинаковым цветом, а затем создаёт соответствующие им векторные объекты. Однако получаемые результаты чаще всего нуждаются в дополнительной обработке.

Не нашли то, что искали? Воспользуйтесь поиском:

Как определить цвет в Paint? Как узнать код цвета в Paint?

Как в Paint определить, какой код (RGB и HEX) имеет пиксель на картинке?

Для того, чтобы определить цвет в Paint (Паинт / Пэинт), нужно сделать следующее:

1) Открыть картинку или фотографию, в которой вы хотите определить код цвета пикселя.

Для удобства её можно увеличить (вкладка «Вид» -> кнопка «Увеличить» в разделе «Масштаб»).

2) Далее на панели инструментов в разделе «Инструменты» щёлкаем на пипетку (этот инструмент в Paint получил название «Палитра»).

3) Курсор примет форму пипетки, и нужно щёлкнуть им на нужном месте на картинке.

4) После этого цвет выбранного вами появится рядом с палитрой («Цвет 1»).

А код его можно будет узнать щёлкнув на кнопке «Изменение цветов».

5) Итак, щёлкаем на «Изменение цветов» и видим палитру, на которой указан данный цвет:

RGB-код — это 3 цифры в полях «Красный», «Зелёный», Синий».

То есть в нашем случае цвет имеет следующий RGB-код: 210, 153, 42.

6) Что касается HEX-кода цвета, то в Paint он не отображается, и придётся использоваться специальные сервисы для определения этого кода.

Например, вот этот сервис.

В поле с RGB-кодом вводим цифры, которые выдал Paint — то есть 210, 153, 42.

HEX-код определиться «на лету» и отобразиться в нижестоящем поле.

В нашем примере это будет код #d2992a.

Цветовая палитра редактора содержит множество оттенков основных цветов, запутаться в которых довольно легко, а вот найти нужный, наоборот сложновато. Самое простое в данном случае это воспользоваться функцией, которая обозначена значком «пипетка»

Paint ( Пэинт ) — графический редактор, довольно простой и удобный для редактирования картинок/ фотографий.

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

Среди инструментов на специальной вкладке выбрать так называемую пипетку. Нажать на нужное места рисунка/ фотографии — искомый цвет появится рядом с палитрой.

Выбираем вкладку Изменение цвета, смотрим какой код появляется.

Эти цифры являются RGB-кодом.

HEX-код можно узнаем с помощью одного из сервисов, доступных в интернете. На нем нужно ввести RGB-код для того, чтобы высветился HEX-код.

Сделать это совсем несложно, кто работал в Paint, наверняка, не раз видел, в каком месте показывается код цвета, но, возможно, кто-то уже забыл, поэтому напомню и себе и вам. Открываем в Paint нужную нам картинку или фотографию, в панели инструментов выбираем вот такой инструмент в виде пипетки:

Курсором, который также принял форму пипетки щелкаем по нужному нам месту картинки, мы как бы берем пипеткой этот цвет и он появляется у нас на панели инструментов (Цвет 1):

Теперь если мы щелкнем на кнопочку «Изменение цветов»(см. фото выше), мы увидим палитру, на которой будет отмечен наш цвет:

Его RGB-код — это сочетание трех цифр в полях: «Красный», «Зелёный», Синий», то есть для нашего цвета это код — 210 153 42.

Для определения HEX-кода используют специальные сервисы, например, сервис sanstv.ru, там есть поле для ввода RGB-кода, вот я сейчас ввожу код нашего цвета вот в таком формате через запятые: 210,153,42 и получаю НЕХ-код: #d2992a.

Тоже считаю очень удобной для печаи и редактирования программу пайнт. Она условно бесплатная не требует много места и отлично справляется со всякого рода редакциями изображений. Узнать какой цвет из библиотеки взят очень просто, нужно навести на цвет курсор в виде инструмента пипетка, а потом жмякнуь по тому цвету который нужен и перейти во вкладку панель инструментов. Там цвет будет разложен на составляющие. смотрим как это происходит ниже:

У меня старая версия программы пайнт, на новых версиях в панели инструментов цвет сразу показывается не только как RGB:красный-зеленый-­ синий», а также по палитре пантон.

А вот цвет пикселя HEX можно определить онлайн это здесьдля бв.

guide

help

On-line учебник HTML с примерами ,
справочник по созданию Web -сайтов.

guide

help

Учебник HTML >>Управление цветом

Шестнадцатеричные значения цвета RGB

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

Во втором же случае за основу принимается черный цвет экрана монитора, каждая ячейка которого, светится одним из трех цветов: red-красный, green-зеленый и blue-синий. Тогда при полном отсутствии какого-либо свечения мы получаем чистый черный цвет экрана, а любой из требуемых цветов задается соотношением каждого из трех цветов. В этом случае мы получим RGB-способ передачи цвета. Основные цвета могут иметь значения от до 255, или от 0% до 100%, либо могут быть представлены в виде шестнадцатеричного значения. На рисунке ниже можно увидеть результаты смешения основных цветов.

Шестнадцатеричная система счисления, в отличии от десятичной в своём ряду цифр имеет не десять знаков, а шестнадцать — отсюда и название. Соответственно не повторяющихся вариантов сочетаний из двух цифр может быть только — 256, для продолжения ряда цифр после 9 используются буквы от A до F, следовательно, ряд будет выглядеть так —

Для перевода чисел из одной системы счисления в другую и наоборот воспользуйтесь калькулятором, приведенным ниже. Максимальное значение здесь может быть FF — 255.

В этом случае цвет задается тремя шестнадцатеричными числами, каждое из которых состоит из двух цифр. Первое число определяет интенсивность красного цвета, среднее- зеленого, последнее- синего цвета. Все числа могут принимать значения в диапазоне от 00 до FF (от 0 до 255 ). Например: зеленый цвет задается как #00FF00, красный — как #FF0000, синий — как #0000FF, белый — как #FFFFFF, полное отсутствие цвета или черный задается как #000000.

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

Представление цвета в компьютере

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

Понятие цвета тесно связано с тем, как человек воспринимает свет. Можно сказать, что ощущение света формируется человеческим мозгом в результате анализа светового потока, попадающего на сетчатку глаз.

Источник или объект является ахроматическим,если наблюдаемый свет содержит все видимые длины волн в приблизительно равных количествах. Ахроматическими цветами являются белый, черный, градации серого цвета. Например, белыми выглядят объекты ахроматически отражающие более 80 % света белого источника, а черными – менее 3 %.

Если воспринимаемый свет содержит длины волн в неравных количествах, то он называется хроматическим.

Считается, что в глазе человека существует три группы цветовых рецепторов (колбочек), каждая из которых чувствительна к определенной длине световой волны. Каждая группа формирует один из трех основных цветов: красный, зеленый, синий.

Рис. 1.6. Кривые реакции глаза

Если длины волн светового потока сконцентрированы у верхнего края видимого спектра (около 700 Нм), то свет воспринимается как красный. Если длины волн сконцентрированы у нижнего края видимого спектра (около 400 Нм), то свет воспринимается как синий. Если длины волн сконцентрированы в середине видимого спектра (около 550 Нм), то свет воспринимается как зеленый.

С помощью экспериментов, построенных на этой гипотезе, были получены кривые реакции глаза, показанные на рис. 1 .6.

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

Светлота– это различимость участков, сильнее или слабее отражающих свет. Минимальную разницу между яркостью различимых по светлоте объектов называютпорогом.

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

Цветовой тонпозволяет различать основные цвета, такие, как красный, зеленый, синий.

Цветовые модели

Как видим из вышеизложенного, описание цвета может опираться на составление любого цвета на основе основных цветов или на такие понятия, как светлота, насыщенность, цветовой тон. Применительно к компьютерной графике описание цвета также должно учитывать специфику аппаратуры для ввода/вывода изображений. В связи с необходимостью описания различных физических процессов воспроизведения цвета были разработаны различные цветовые модели. Цветовые модели позволяют с помощью математического аппарата описать определенные цветовые области спектра. Цветовые модели описывают цветовые оттенки с помощью смешивания нескольких основных цветов.

Основные цвета разбиваются на оттенки по яркости (от темного к светлому), и каждой градации яркости присваивается цифровое значение (например, самой темной – 0, самой светлой – 255). Считается, что в среднем человек способен воспринимать около 256 оттенков одного цвета. Таким образом, любой цвет можно разложить на оттенки основных цветов и обозначить его набором цифр – цветовых координат.

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

Профессиональные графические программы обычно позволяют оперировать с несколькими цветовыми моделями, большинство из которых создано для специальных целей или особых типов красок: CMY, CMYK, CMYK256, RGB, HSB, HLS, L*a*b, YIQ, Grayscale (Оттенки серого) и Registration color. Некоторые из них используются редко, диапазоны других перекрываются.

Цветовая модель RGB.В основе одной из наиболее распространенных цветовых моделей, называемой RGB моделью, лежит воспроизведение любого цвета путем сложения трех основных цветов: красного (Red), зеленого (Green) и синего (Blue). Каждый канал — R, G или B имеется свой отдельный параметр, указывающий на количество соответствующей компоненты в конечном цвете. Например: (255, 64, 23) – цвет, содержащий сильный красный компонент, немного зелёного и совсем немного синего. Естественно, что этот режим наиболее подходит для передачи богатства красок окружающей природы. Но он требует и больших расходов, так как глубина цвета тут наибольшая – 3 канала по 8 бит на каждый, что дает в общей сложности 24 бита.

Поскольку в RGB модели происходит сложение цветов, то она называется аддитивной(additive). Именно на такой модели построено воспроизведение цвета современными мониторами.

Цветовым пространством RGB модели является единичный куб.

Рис. 1.7. Цветовое пространство RGB модели

Цветовые модели CMY и CMYK.Модель CMY использует также три основных цвета: Cyan (голубой),Magenta(пурпурный, или малиновый) и Yellow (желтый). Эти цвета описывают отраженный от белой бумаги свет трех основных цветов RGB модели. Поэтому можно описать соотношения между RGB иCMYмоделями следующим образом:

Модель CMYявляетсясубтрактивной(основанной на вычитании) цветовой моделью. Как уже говорилось, в CMY-модели описываются цвета на белом носителе, т. е. краситель, нанесенный на белую бумагу, вычитает часть спектра из падающего белого света. Например, на поверхность бумаги нанесли голубой (Cyan) краситель. Теперь красный свет, падающий на бумагу, полностью поглощается. Таким образом, голубой носитель вычитает красный свет из падающего белого.

Такая модель наиболее точно описывает цвета при выводе изображения на печать, т. е. в полиграфии.

Поскольку для воспроизведения черного цвета требуется нанесение трех красителей, а расходные материалы дороги, использование CMY-модели является не эффективным. Дополнительный фактор, не добавляющий привлекательности CMY-модели, – это появление нежелательных визуальных эффектов, возникающих за счет того, что при выводе точки три базовые цвета могут ложиться с небольшими отклонениями. Поэтому к базовым трем цветам CMY-модели добавляют черный (blacK) и получают новую цветовую модель CMYK.

Для перехода из модели CMY в модель CMYKиногда используют следующее соотношение:

Соотношения преобразования RGB в CMY и CMY в CMYK-модель верны лишь в том случае, когда спектральные кривые отражения для базовых цветов не пересекаются. Поэтому в общем случае можно сказать, что существуют цвета, описываемые в RGB-модели, но не описываемые в CMYK-модели.

Существует также модель CMYK256, которая используется для более точной передачи оттенков при качественной печати изображений.

Цветовые модели HSV и HLS.Рассмотренные модели ориентированы на работу с цветопередающей аппаратурой и для некоторых людей неудобны. Поэтому модели HSV, HLS опираются на интуитивные понятия тона насыщенности и яркости.

В цветовом пространстве модели HSV(Hue,Saturation,Value), иногда называемойHSB(Hue,Saturation,Brightness), используется цилиндрическая система координат, а множество допустимых цветов представляет собой шестигранный конус, поставленный на вершину.

Основание конуса представляет яркие цвета и соответствует V = 1. Однако цвета основанияV= 1 не имеют одинаковой воспринимаемой интенсивности. Тон (H) измеряется углом, отсчитываемым вокруг вертикальной осиOV. При этом красному цвету соответствует угол 0, зелёному – угол 120и т. д. Цвета, взаимно дополняющие друг друга до белого, находятся напротив один другого, т. е. их тона отличаются на 180. ВеличинаSизменяется от 0 на осиOVдо 1 на гранях конуса.

Конус имеет единичную высоту (V= 1) и основание, расположенное в начале координат. В основании конуса величиныHиSсмысла не имеют. Белому цвету соответствует параS= 1,V= 1. ОсьOV(S= 0) соответствует ахроматическим цветам (серым тонам).

Процесс добавления белого цвета к заданному можно представить как уменьшение насыщенности S, а процесс добавления чёрного цвета – как уменьшение яркостиV. Основанию шестигранного конуса соответствует проекция RGB куба вдоль его главной диагонали.

Рис. 1.8. Цветовое пространство HSV модели

Еще одним примером системы, построенной на интуитивных понятиях тона насыщенности и яркости, является система HLS (Hue,Lightness,Saturation). Здесь множество всех цветов представляет собой два шестигранных конуса, поставленных друг на друга (основание к основанию).

Рис. 1.9. Цветовое пространство HLS-модели

Полноцветные и индексированные изображения.Как мы увидели, цвета пикселов можно определять, явно задавая несколько параметров цвета. Например, вRGB-модели конечный цвет определяется тремя слагаемыми для трех основных цветов. Такой подход позволяет формировать так называемыеполноцветныеизображения.

Второй подход заключается в том, что в первой части файла, хранящего изображение, хранится «палитра», в которой с помощью одной из цветовых моделей кодируются цвета, присутствующие на изображении. А вторая часть, которая непосредственно описывает пикселы изображения, фактически состоит из индексов в палитре. Изображения, формируемые таким способом, называются изображениями синдексированной палитрой.

Частным случаем индексированного изображения является черно-белое изображение. В подобном изображении могут быть только 2 цвета — чёрный и белый, кодируемые соответственно 0 и 1. Глубина изображения составляет в данном случае 1 бит. Эта глубина очень плохо подходит к представлению фотореалистичных образов и применяется лишь для специализированных изображений.

Достоинством палитры является возможность существенно сократить размер файла с изображением. Недостатком является возможность потери цветов при ограниченном размере палитры. Обычно размер палитры составляет до 256-ти цветов.

Компьютерная грамотность с Надеждой

Заполняем пробелы – расширяем горизонты!

CompGramotnost.ru » Кодирование информации » Смотрим на кодировку цвета

Смотрим на кодировку цвета

Теоретическая часть компьютерной грамотности по вопросу кодирования цвета изложена в статье «Кодирование цветовой информации». Перейдем к практике. Для этого зайдите в редактор MS Word, напечатайте произвольный текст, состоящий не менее, чем из 7-и слов. Затем мы сделаем из этого текста разноцветную «радугу», используя цветовую модель RGB.

Кнопка: Цвет текста на панели MS Word

Первое слово давайте раскрасим в красный цвет. Красный цвет имеет кодировку: Красный=255, Зеленый=0, Синий=0. Чтобы добиться этого цвета при помощи модели RGB, нужно сделать следующее. Выделяем первое слово в нашем тексте (для этого подводим курсор мыши к первой букве, нажимаем на левую кнопку мыши и, удерживая ее нажатой, «проводим» по всему слову слева направо, затем кнопку мыши отпускаем).

Затем находим кнопку на панели MS Word, которая называется «Цвет текста» и выглядит, как буква «А», под которой стоит жирная горизонтальная полоса (цвет полосы может быть любым, но обычно он – черный). Рядом с этим значком стоит флажок, изображающий треугольник, обращенный вниз. Надо курсором мыши кликнуть по этому флажку.

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

В открывшемся окне кликните «Другие цвета». Затем войдите на вкладку «Спектр». Вы увидите три поля, в которые можно вписывать коды цветов. При этом должна быть установлена цветовая модель «RGB».

Чтобы раскрасить наше первое слово в красный цвет, необходимо ввести число 255 в поле «Красный», число 0 в поле «Зеленый» и число 0 в поле «Синий». После этого кликните на кнопку «ОК». Выделенное слово должно «покраснеть», для этого нужно с него снять ранее сделанное выделение.

Аналогичным образом предлагаю Вам «раскрасить» остальные 6 слов в цвета:

Зеленый: Красный=0, Зеленый=255, Синий=0

Синий: Красный=0, Зеленый=0, Синий=255

Лиловый: Красный=255, Зеленый=0, Синий=255

Голубой: Красный=0, Зеленый=255, Синий=255

Желтый: Красный=255, Зеленый=255, Синий=0

Бел ы й: Красный=255, Зеленый=255, Синий=255. Когда текст станет белого цвета, то его не будет видно на белом фоне (буква «ы» в слове «белый» – белого цвета, поэтому она не видна). Кстати, букву «ы» в этом слове можно увидеть, если выделить ее при помощи мышки. Таким образом, на самом деле окрашенный в белый цвет текст сохраняется. Это может применяться для сокрытия текста, который не должны видеть пользователи, но такой (белый) текст может читать, например, компьютерная программа.

LiveInternetLiveInternet

—Рубрики

• Все для фотошоп (447)
• декупаж (материал)-плетение из газет-Мастер-класс (412)
• иллюстрации,живопись (303)
• копилка уроков фотошопа (264)
• фотографии (231)
• рецепты (167)
• браузеры, закладки, полезнейший софт (141)
• стихи и просто для души (138)
• все для красоты (129)
• советы (115)
• полезные ссылки и сайты (109)
• Советы и хитрости с работой в ПК (90)
• ИДЕИ ДЛЯ ДОМА И ДАЧИ (72)
• схемы (53)
• ЦВЕТЫ ИЗ ЛЕНТ и БУМАГИ (45)
• ЦВЕТЫ ИЗ КОНФЕТ (42)
• эротика (10)
• Обработка в Lightroom (9)
• Работа в Word (9)
• уроки Corel (8)
• Настройки фотоаппарата (4)

—Метки

—Цитатник

ПРОСТЕЙШИЙ СПОСОБ ВДЕТЬ НИТКУ В ИГОЛКУ! . Посмотрите, как просто все оказывается на самом деле.

Делаем декоративный замок своими руками. ИСТОЧНИК .

Кабачковый рулет с фаршем Кабачковый рулет с фаршем — нарядная закуска на каждый день и украшен.

Цветущие клумбы на собственном участке Дачный сезон уже не за горами, а это значит.

Побелка деревьев Побелку деревьев на даче необходимо делать весной до появления листьев, в мар.

—Музыка

—Приложения

• Я — фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
• Онлайн-игра «Большая ферма»Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
• ОткрыткиПерерожденный каталог открыток на все случаи жизни
• Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
• Скачай фильмыСкачивай фильмы быстро

—Подписка по e-mail

—Поиск по дневнику

—Статистика

Политра цветов, все цвета и коды

Пятница, 18 Июля 2014 г. 13:08 + в цитатник

Таблица цветов

Метки: фотошоп и все для него

Процитировано 173 раз
Понравилось: 56 пользователям

Урок 12
Палитры цветов в системах цветопередачи RGB, CMYK и HSB

§ 2.2.3. Палитры цветов в системах цветопередачи RGB, CMYK и HSB

Содержание урока

2.2.3. Палитры цветов в системах цветопередачи RGB, CMYK и HSB

2.2.3. Палитры цветов в системах цветопередачи 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. Заполните таблицу.

RGB — сколько там вариантов цветов и оттенков?

Незнаю, правильно ли я определился с разделом

Оператором floodfill к примеру, можно закрасить любым цветом используя RGB(red green blue) — свойство.
Известно что все цвета составляются из красного, зеленого и синего в диапозоне от 0 до 255.
Так сколько же цветов и оттенков можно сделать?

255 в кубе явно не подходит =( я подсчитать не смог.

Упрощение оттенков цветов
Добрый день. Назрела такая проблема. Нужно программно перевести все существующие оттенки цветов в.

RGB жёлтого цвета и всех его оттенков
Всем доброго времени суток. В каких пределах надоится RGB у жёлтого цвета и всех его оттенков?

Определить необходимое конечное множество цветов и оттенков
Входные данные: цветовая гамма Выходные данные: -RGB; -HSV; -нечеткое наименование. Хочу.

Использование RGB цветов в Canvas
Не могу понять как использовать цвета RGB при их использовании в Canvas. Например, при контроле R.

Компью А рт

Софья Скрылина, преподаватель учебного центра «Арт», г.Санкт-Петербург

В КомпьюАрт № 7’2012 была представлена статья о гармоничных цветовых сочетаниях и закономерностях влияния цвета на восприятие человека, что, несомненно, учитывают в своих проектах современные дизайнеры. Но при работе за компьютером и смешивании цветов на экране монитора возникают специфические проблемы. Дизайнер должен получить на экране монитора или на твердой копии именно те цвет, тон, оттенок и светлоту, которые требуются. Цвета на мониторе не всегда совпадают с природными красками. Очень непросто получить один и тот же цвет на экране, на распечатке цветного принтера и на типографском оттиске. Дело в том, что цвета в природе, на мониторе и на печатном листе создаются абсолютно разными способами.
Для однозначного определения цветов в различных цветовых средах существуют цветовые модели, о которых мы и поговорим в настоящей статье.

Модель RGB

Цветовая модель RGB — самый популярный способ представления графики, который подходит для описания цветов, видимых на мониторе, телевизоре, видеопроекторе, а также создаваемых при сканировании изображений.

Модель RGB используется при описании цветов, получаемых смешиванием трех лучей: красного (Red), зеленого (Green) и синего (Blue). Из первых букв английских названий этих цветов составлено название модели. Остальные цвета получаются сочетанием базовых. Цвета такого типа называются аддитивными, поскольку при сложении (смешивании) двух лучей основных цветов результат становится светлее. На рис. 1 показано, какие цвета получаются при сложении основных.

Рис. 1. Комбинации базовых цветов модели RGB

В модели RGB каждый базовый цвет характеризуется яркостью, которая может принимать 256 значений — от 0 до 255. Поэтому можно смешивать цвета в различных пропорциях, изменяя яркость каждой составляющей. Таким образом, можно получить 256x256x256 = 16 777 216 цветов.

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

Для проверки данного факта откройте палитру цветов в CorelDRAW или Photoshop. В поле R введите максимальное значение яркости красного цвета 255, а в поля G и B — нулевое значение. В результате поле образца будет содержать красный цвет, шестнадцатеричный код будет таким: FF0000 (рис. 2).

Рис. 2. Представление красного цвета в модели RGB: слева — в окне палитры Photoshop, справа — CorelDRAW

Если к красному цвету добавить зеленый с максимальной яркостью, введя в поле G значение 255, получится желтый цвет, шестнадцатеричное представление которого — FFFF00.

Максимальная яркость всех трех базовых составляющих соответствует белому цвету, минимальная — черному. Поэтому белый цвет имеет в десятичном представлении код (255, 255, 255), а в шестнадцатеричном — FFFFFF16. Черный цвет кодируется соответственно (0, 0, 0) или 00000016.

Все оттенки серого цвета образуются смешиванием трех составляющих одинаковой яркости. Например, при значениях R = 200, G = 200, B = 200 или C8C8C816 получается светло­серый цвет, а при значениях R = 100, G = 100, B = 100 или 64646416 — темно­серый. Чем более темный оттенок серого цвета вы хотите получить, тем меньшее число нужно вводить в каждое текстовое поле.

Что же происходит при выводе изображения на печать, как передаются цвета? Ведь бумага не излучает, а поглощает или отражает цветовые волны! При переносе цветного изображения на бумагу используется совершенно другая цветовая модель.

Модель CMYK

При печати на бумагу наносится краска — материал, который поглощает и отражает цветовые волны различной длины. Таким образом, краска выступает в роли фильтра, пропускающего строго определенные лучи отраженного цвета, вычитая все остальные.

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

Базовыми для CMYK являются следующие цвета:

• голубой (Cyan) — белый минус красный (Red);
• пурпурный (Magenta) — белый минус зеленый (Green);
• желтый (Yellow) — белый минус синий (Blue).

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

На рис. 3 представлена схема, из которой видно, какие цвета получаются при смешении базовых в CMYK.

Рис. 3. Комбинации базовых цветов модели CMYK

Следует отметить, что краски модели CMYK не являются столь чистыми, как цвета модели RGB. Этим объясняется небольшое несоответствие базовых цветов. Согласно схеме, представленной на рис. 3, при максимальной яркости должны получаться следующие комбинации цветов:

• смешение пурпурного (M) и желтого (Y) должно давать красный цвет (R) (255, 0, 0);
• смешение желтого (Y) и голубого (C) должно давать зеленый цвет (G) (0, 255, 0);
• смешение пурпурного (M) и голубого (C) должно давать синий цвет (B) (0, 0, 255).

На практике получается несколько иначе, что мы далее и проверим. Откройте диалоговое окно палитры цветов в программе Photoshop. В текстовые поля M и Y введите значение 100%. Вместо базового красного цвета (255, 0, 0) мы имеем красно­оранжевую смесь (рис. 4).

Рис. 4. Пример несоответствия смеси пурпурного и желтого цветов модели CMYK красному цвету модели RGB. Окно палитры Photoshop

Теперь в текстовые поля Y и C введите значение 100%. Вместо базового зеленого цвета (0, 255, 0) получается зеленый цвет с небольшим оттенком синего. При задании яркости 100% в полях M и C вместо синего цвета (0, 0, 255) мы имеем синий цвет с фиолетовым оттенком. Более того, не все цвета модели RGB могут быть представлены в модели CMYK. Цветовой охват RGB шире, чем у CMYK.

Основные цвета моделей RGB и CMYK находятся в зависимости, представленной на схеме цветового круга (рис. 5). Эта схема применяется для цветовой коррекции изображений; примеры ее использования рассматривались в КомпьюАрт № 12’2011.

Рис. 5. Схема цветового круга

Модели RGB и CMYK являются аппаратно зависимыми. Для модели RGB значения базовых цветов определяются качеством люминофора у ЭЛТ или характеристиками ламп подсветки и цветовых фильтров панели у ЖК­мониторов. Если обратиться к модели CMYK, то значения базовых цветов определяются реальными типографскими красками, особенностями печатного процесса и носителя. Таким образом, одинаковое изображение может на различной аппаратуре выглядеть по­разному.

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

Замечание

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

Модель CMYK необходимо применять в одном случае — если изображение готовится к печати на типографском станке. Более того, следует учесть, что модель CMYK не содержит столь же большого числа цветов, как модель RGB, поэтому в результате преобразования из RGB в CMYK изображение может утратить ряд оттенков, которые вряд ли получится восстановить обратным преобразованием. Поэтому старайтесь выполнять преобразование изображения в модель CMYK на конечном этапе работы с ним.

Модель HSB

Модель HSB упрощает работу с цветами, так как в ее основе лежит принцип восприятия цвета человеческим глазом. Любой цвет определяется своим цветовым тоном (Hue) — собственно цветом, насыщенностью (Saturation) — процентом добавления к цвету белой краски и яркостью (Brightness) — процентом добавления черной краски. На рис. 6 показано графическое представление модели HSB.

Рис. 6. Графическое представление модели HSB

Спектральные цвета, или цветовые тона, располагаются по краю цветового круга и характеризуются положением на нем, которое определяется величиной угла в диапазоне от 0 до 360°. Эти цвета обладают максимальной (100%) насыщенностью (S) и яркостью (B). Насыщенность изменяется по радиусу круга от 0 (в центре) до 100% (на краях). При значении насыщенности 0% любой цвет становится белым.

Яркость — параметр, определяющий освещенность или затемненность. Все цвета цветового круга имеют максимальную яркость (100%) независимо от тона. Уменьшение яркости цвета означает его затемнение. Для отображения этого процесса на модели добавляется новая координата, направленная вниз, на которой откладываются значения яркости от 100 до 0%. В результате получается цилиндр, образованный из серии кругов с уменьшающейся яркостью, нижний слой — черный.

С целью проверки данного утверждения откройте диалоговое окно выбора цвета в программе Photoshop. В поля S и B введите максимальное значение 100%, а в поле H — минимальное значение 0°. В результате мы получим чистый красный цвет солнечного спектра. Этому же цвету соответствует красный цвет модели RGB, его код (255, 0, 0), что указывает на взаимосвязь этих моделей (рис. 7).

Рис. 7. Пример взаимосвязи цветов в моделях HSB и RGB

В поле H изменяйте значение угла с шагом 20°. Вы будете получать цвета в том порядке, в каком они расположены в спектре: красный сменится оранжевым, оранжевый желтым, желтый зеленым и т. д. Угол 60° дает желтый цвет (255, 255, 0), 120°— зеленый (0, 255, 0), 180°— голубой (255, 0, 255), 240° — синий (0, 0, 255) и т.д.

Чтобы получить розовый цвет, на языке модели HSB — блеклый красный, необходимо в поле H ввести значение 0°, а насыщенность (S) понизить, например, до 50%, задав максимальное значение яркости (B).

Серый цвет для модели HSB — это сведенные к нулю цветовой тон (H) и насыщенность (S) с яркостью (B) меньше 100%. Вот примеры светло­серого: H = 0, S = 0, B = 80% и темно­серого цветов: H = 0, S = 0, B = 40%.

Белый цвет задается так: H = 0, S = 0, B = 100%, а чтобы получить черный цвет, достаточно снизить до нуля значение яркости при любых значениях тона и насыщенности.

В модели HSB любой цвет получается из спектрального добавлением определенного процента белой и черной красок. Поэтому HSB — очень простая в понимании модель, которую используют маляры и профессиональные художники. У них обычно есть несколько основных красок, а все другие получаются добавлением к ним черной или белой. Однако при смешивании художниками красок, полученных на основе базовых, цвет выходит за рамки модели HSB.

Модель Lab

Модель Lab основана на следующих трех параметрах: L — яркость (Lightness) и два хроматических компонента — a и b. Параметр a изменяется от темно­зеленого через серый до пурпурного цвета. Параметр b содержит цвета от синего через серый до желтого (рис. 8). Оба компонента меняются от –128 до 127, а параметр L — от 0 до 100. Нулевое значение цветовых компонентов при яркости 50 соответствует серому цвету. При значении яркости 100 получается белый цвет, при 0 — черный.

Рис. 8. Графическое представление модели Lab

Понятия яркости в моделях Lab и HSB нетождественны. Как и в RGB, смешение цветов из шкал a и b позволяет получить более яркие цвета. Уменьшить яркость результирующего цвета можно за счет параметра L.

Рис. 9. Пример взаимосвязи цветов в моделях Lab и RGB

Откройте окно выбора цвета в программе Photoshop, в поле яркости L введите значение 50, для параметра a введите наименьшее значение –128, а параметр b обнулите. В результате вы получите сине­зеленый цвет (рис. 9). Теперь попробуйте увеличить значение параметра a на единицу. Обратите внимание: ни в одной модели числовые значения не изменились. Попробуйте, увеличивая значение данного параметра, добиться изменения в других моделях. Скорее всего, у вас получится это сделать при значении 121 (зеленая составляющая RGB уменьшится на 1). Это обстоятельство подтверждает факт того, что модель Lab имеет больший цветовой охват по сравнению с моделями RGB, HSB и CMYK.

В модели Lab яркость полностью отделена от изображения, поэтому в некоторых случаях эту модель удобно использовать для перекраски фрагментов и повышения насыщенности изображения, влияя только на цветовые составляющие a и b. Также возможна регулировка контраста, резкости и других тоновых характеристик изображения за счет изменения параметра яркости L. Примеры коррекции изображения в модели Lab приводились в КомпьюАрт № 3’2012.

Цветовой охват модели Lab шире, чем у RGB, поэтому каждое повторное преобразование из одной модели в другую практически безопасно. Более того, можно перевести изображение в режим Lab, выполнить коррекцию в нем, а затем безболезненно перевести результат обратно в модель RGB.

Модель Lab аппаратно независима, служит ядром системы управления цвета в графическом редакторе Photoshop и применяется в скрытом виде при каждом преобразовании цветовых моделей как промежуточная. Ее цветовой диапазон покрывает диапазоны RGB и CMYK.

Индексированные цвета

Для публикации изображения в Интернете используется не вся цветовая палитра, состоящая из 16 млн цветов, как в режиме RGB, а только 256 цветов. Этот режим называется «Индексированные цвета» (Indexed Color). На работу с такими изображениями налагается ряд ограничений. К ним не могут быть применены фильтры, некоторые команды тоновой и цветовой коррекции, недоступны все операции со слоями.

С изображением, скачанным из Интернета (как правило в формате GIF) очень часто возникает следующая ситуация. Нарисовать в нем что­либо получится только цветом, отличным от выбранного. Это объясняется тем, что выбранный цвет выходит за рамки цветовой палитры индексированного изображения, то есть этого цвета нет в файле. В результате происходит замена выбранного в палитре цвета на ближайший похожий цвет из цветовой таблицы. Поэтому перед редактированием такого изображения необходимо перевести его в модель RGB.