Палитры цветов в системах цветопередачи RGB, CMYK и HSB. Палитры цветов в системах цветопередачи rgb, cmyk и hsb В какой системе цветопередачи

| Планирование уроков на учебный год (по учебнику Н.Д. Угриновича) | Палитры цветов в системах цветопередачи RGB, CMYK и HSB

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

Слайд 2

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

Слайд 3

Человек воспринимает свет с помощью цветовых рецепторов, так называемых колбочек, находящихся на сетчатке глаза. Наибольшая чувствительность колбочек приходится на красный, зеленый и синий цвета, которые являются базовыми для человеческого восприятия. Сумма красного, зеленогои синего цветов воспринимается человеком как белый цвет, их отсутствие - как черный, а различные их сочетания - как многочисленные оттенки цветов. У радуги 7 цветов. Глаз различает 3 цвета. По 100 градаций на цвет.

Слайд 4

Палитра цветов в системе цветопередачи RGB.

С экрана монитора человек воспринимает цвет как сумму излучения трех базовых цветов: красного, зеленого исинего. Такая система цветопередачи называется RGB, по первым буквам английских названий цветов (Red - красный,Green - зеленый, Blue - синий). Цвета в палитре RGB формируются путем сложения базовых цветов, каждый из которых может иметь различную интенсивность. Цвет палитры Color можно определить с помощью формулы Color = R + G + В, где 0

Слайд 5

Формирование цветов в системе цветопередачи RGB

При минимальных интенсивностях всех базовых цветов получается черный цвет, при максимальных интенсивности – белый цвет. При максимальной интенсивности одного цвета и минимальной двух других – красный, зеленый и синий цвета. Наложение зеленого и синего цветов образует голубой цвет (Cyan), наложение красного и зеленого цветов - желтый цвет (Yellow), наложение красного и синего цветов - пурпурный цвет (Magenta).

Слайд 6

В системе цветопередачи RGB палитра цветов формируется путем сложения красного, зеленого и синего цветов.

Слайд 7

Кодировка цветов при глубине цвета 24 бита

При глубине цвета в 24 бита на кодирование каждого из базовых цветов выделяется по 8 битов. В этом случае для каждого из цветов возможны N = 28 = 256 уровней интенсивности. Уровни интенсивности задаются десятичными (от минимального - 0 до максимального - 255) или двоичными (от 00000000 до 11111111) кодами.

Слайд 8

Слайд 9

Десятичные коды интенсивности базовых цветов.

  • Слайд 10

    Палитра цветов в системе цветопередачи CMYK.

    При печати изображений на принтерах используется палитра цветов в системе CMY. Основными красками в ней являются Cyan - голубая, Magenta - пурпурная и Yellow - желтая. Цвета в палитре CMY формируются путем наложения красок базовых цветов. Цвет палитры Color можно определить с помощью формулы, в которой интенсивность каждой краски задается в процентах: Color = С+М + Y, где 0%

    Слайд 11

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

    Слайд 12

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

    Слайд 13

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

    Слайд 14

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

    Слайд 15

    Формирование цветов в системе цветопередачи CMYK

    В системе цветопередачи CMYK палитра цветов формируется путем наложения голубой, пурпурной, желтой и черной красок.

    Слайд 16

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

    Слайд 17

    Слайд 18

    Палитра цветов в системе цветопередачи HSB.

    Система цветопередачи HSB использует в качестве базовых параметров Hue (оттенок цвета), Saturation (насыщенность) и Brightness (яркость). Параметр Hue позволяет выбрать оттенок цвета из всех цветов оптического спектра: от красного цвета до фиолетового (Н = 0 - красный цвет, Н = 120 - зеленый цвет, Н = 240 - синий цвет, Н = 360 - фиолетовый цвет). Параметр Saturation определяет процент «чистого» оттенка и белого цвета (S = 0% - белый цвет, S = 100% - «чистый» оттенок). Параметр Brightness определяет интенсивность цвета (минимальное значение В = 0 соответствует черному цвету, максимальное значение В = 100 соответствует максимальной яркости выбранного оттенка цвета).

    Слайд 19

    В системе цветопередачи HSB палитра цветов формируется путем установки значений оттенка цвета, насыщенности и яркости.

    Слайд 20

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

    Слайд 21

    Домашнее задание

    §1.1.3. стр. 15 – 21, контрольные вопросы, Задание для самостоятельного выполнения 1.6. и 1.7.

    Посмотреть все слайды

    Чтобы пользоваться предварительным просмотром презентаций создайте себе аккаунт (учетную запись) Google и войдите в него: https://accounts.google.com


    Подписи к слайдам:

    Белый свет имеет сложную структуру.

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

    Белый свет имеет сложную структуру!

    Состав белого света: Фиолетовый Синий Голубой Зеленый Желтый Оранжевый Красный Для запоминания цветов в спектре пользуются условной фразой: « К аждый О хотник Ж елает З нать, где С идит Ф азан».

    Глаз человека Человек воспринимает свет с помощью цветовых рецепторов (так называемых колбочек), находящихся на сетчатке глаза.

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

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

    Системы цветопередачи: RGB (R ed, G reen, B lue) CMYK (C yan, M agenta, Y ellow, blac K) HSB (H ue, S aturation, B rightness) красный зеленый синий черный жёлтый пурпурный голубой оттенок насыщенность яркость

    RGB Основными цветами являются красный, зеленый, синий. Палитра цветов формируется путем сложения красного, зеленого и синего цветов. Цвет палитры можно определить с помощью формулы:

    Цвет Коды интенсивности базовых цветов Красный Зеленый Синий Черный 00000000 0 00000000 0 00000000 0 Красный 11111111 255 00000000 0 00000000 0 Зеленый 00000000 0 11111111 255 00000000 0 Синий 00000000 0 00000000 0 11111111 255 00000000 0 11111111 255 11111111 255 Пурпурный 11111111 255 00000000 0 11111111 255 Желтый 11111111 255 11111111 255 00000000 0 11111111 255 11111111 255 11111111 255 Кодировка цветов при глубине цвета 24 бита

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

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

    Цвет Формирование цвета Black = С + М + Y = W – G – B – R White = (C = 0, M = 0, Y =0) Red = Y + M = W – G – B Green = Y + C = W – R – B Blue = M + C = W – R – G Cyan = W – R = G + B Magenta = W – G = R + B Yellow = W – B = R +G Формирование цветов в системе цветопередачи CMYK

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

    Самое главное: Существуют следующие системы цветопередачи: RGB (R ed, G reen, B lue) CMYK (C yan, M agenta, Y ellow, blac K) HSB (H ue, S aturation, B rightness) Палитра цветов в системе цветопередачи RGB формируется путем сложения красного, зеленого и синего цветов. Цвет палитры можно определить с помощью формулы:

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

    Самое главное: Система цветопередачи HSB использует в качестве базовых параметров Hue (оттенок цвета), Saturation (насыщенность), Brightness (яркость). Параметр Hue позволяет выбрать оттенок цвета из всех цветов оптического спектра, начиная с красного цвета и заканчивая фиолетовым Параметр Saturation определяет процент «чистого» оттенка и белого цвета. Параметр Brightness определяет интенсивность цвета

    Выполнить задания: Задание 1.7 (стр.21) Определить цвета, если заданы интенсивности базовых цветов в системе цветопередачи RGB Задание 1.8 (стр.21) Определить цвета, если на бумагу нанесены краски в системе цветопередачи CMYK .

    Задание 1.7 Цвет Интенсивность базовых цветов Красный Зеленый Синий 00000000 00000000 00000000 11111111 00000000 00000000 00000000 11111111 00000000 00000000 00000000 11111111 00000000 11111111 11111111 11111111 00000000 11111111 11111111 11111111 00000000 11111111 11111111 11111111

    Задание 1.8 (стр.21) Цвет Формирование цвета (C = 0, M = 0, Y =0) Y + M = W – G – B Y + C = W – R – B M + C = W – R – G W – R = G + B W – G = R + B W – B = R +G

    Тема урока «Палитры цветов в системах цветопередачи RGB, SMYK, HSB»

    9 класс

    1 час учебного времени

    Тип урока: ознакомление с новым материалом

    Вид урока: смешанный

    Технология: личностно-ориентированная, развивающая

    На момент проведения урока учащиеся должны

    знать:

      единицы измерения информации

      понятие пространственной дискретизации

      формулу связи количества цветов в палитре и количества информации

      графические режимы экрана монитора

    уметь :

      осуществлять перевод единиц информации

      определять количество графической информации

      кратко конспектировать основные моменты лекции

    Цели урока:

      проверить уровень освоения материала прошлого урока

      сформировать представление о восприятии цвета человеком

      познакомится с процессом разложения цветов на составляющие .

      рассмотреть особенности цветопередачи экранами мониторов

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

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

    Задачи урока:

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

    воспитательная : формирование общекультурных навыков работы с графической информацией, формирование информационной культуры, воспитывать внимательность, аккуратность, самостоятельность;

    развивающая : развивать алгоритмическое мышление; навыки использования прикладного программного обеспечения; умение решать информационные задачи .

    В результате изучения данной темы учащиеся должны

    знать:

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

    уметь:

    определять цвета, если имеются краски в системе цветопередачи RGB ,CMYK.

    Комплексно-методическое обеспечение:

      интерактивная доска;

      материалы для проверки домашнего задания (информационный диктант)

      презентация “Палитры цветов в системах цветопередачи RGB , SMYK , HSB ” учебник Н.Д. Угриновича для 9 класса § 1.5

    План урока:

      Организационный момент (2 мин).

      Проверка домашнего задания (20 мин). Д иктант «Основные понятия компьютерной графики» и решение задач у доски

      Новый материал (15 мин).

      Закрепление изученного материала: ответы на вопросы (5 мин)

      Подведение итогов (2 мин)

      Домашнее задание (1 мин).

    Ход урока

    1. Организационный момент

    Приветствие, кто отсутствует

    2. Проверка домашнего задания

    Д иктант «Основные понятия компьютерной графики» (учащиеся записывают понятие)

    1. Минимальный участок изображения, для которого независимо можно задать цвет, называется ПИКСЕЛЬ

    2. Чем разрешающая способность ниже, тем размер пикселя БОЛЬШЕ

    3. Чем ниже разрешающая способность, тем качество изображения НИЖЕ
    4.
    Завершите фразу: Сканер имеет аппаратное и оптическое .. РАЗРЕШЕНИЕ

    5. Количество информации, которое используется для кодирования цвета точки, называется ГЛУБИНА

    6. При помощи этого устройства можно осуществлять процесс пространственной дискретизации. СКАНЕР

    7 . Этот вид информации может быть представлен в двух формах: аналоговой и дискретной. ГРАФИЧЕСКАЯ

    Решение задачи у доски (2 учащихся). Задачи отображены на интерактивной доске:

    1. Определите количество цветов в палитре при глубине цвета 4, 8, 16, 24, 32 бита. Разрешается пользоваться компьютерным калькулятором.

    2. Цветное растровое изображение с палитрой 65536 цветов имеет размер 100х100 точек. Какой информационный объём имеет это изображение?

    3. Для хранения изображения размером 64х32 точек выделено 64 кбайт памяти. Каково максимально возможное число цветов в палитре изображения?

    4. 256- цветный рисунок содержит 10 байт информации. Из скольких точек он состоит?

    Актуализация знаний (фронтальный опрос):

    - Вспоминая ранее изученную тему «Кодирование графической информации», ответьте, пожалуйста, на вопрос: Каким образом графическая информация представляется в компьютере?

    С помощью какой формулы мы можем вычислить информационный объём графического изображения?

    - Назовите две основные формы представления графической информации.

    3. Мотивация

    Вспомним курс физики. На какие цвета спектра может быть разложен белый цвет?

    Учащиеся вспоминают оптические приборы и цвета радуги.

    Тема нашего урока " Палитры цветов в системах цветопередачи RGB , CMYK , HSB

    ( Презентация 1 слайд 1 ).

    4. Изучение нового материала

    Как устроено световосприятие для человека?

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

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

    Нам известны следующие системы цветопередачи: (слайд 4 ).

    С экрана компьютера мы так же воспринимаем цвета как сочетания базовых цветов – красный, синий и зеленый. Такая система называется по первым буквам базовых цветов на английском языке – red R , green G , blue B RGB . (слайд 5-6)

    Наложение цветов друг на друга дает нам другие оттенки.

    Учащиеся работают со сладом по формированию оттенков из базовых цветов . (слайд 7-8)

    Где применяется система RGB (слайд 9)

    Рассматривается палитра SMYK (слайд 10-13)

    Где применяется система SMYK (слайд 14)

    Рассматривается палитра HSB и формирование цветов в этой палитре (слайд 16-17)

    5. Закрепление изученного материала

    Учащимся предлагается ответить на вопросы по пройденному материалу (слайд 18)

    6. Подведение итогов урока

    Выставление оценок, запись домашнего задания (слайд 16 )