Любой графический объект можно считать состоящим из цветных точек или из цветных линий, который в этом случае следует рассматривать как элементарные объекты. Рассмотрим для определенности экранную цветную точку (пиксель). У пикселя 3 основных свойства – координата по высоте, координата по ширине и цвет. Первые 2 свойства без труда представляются в виде чисел. А как быть с цветом? Как присвоить всем возможным оттенкам различные коды, учитывая, что человеческий глаз различает несколько миллионов оттенков?
Выход из этого положения дает одно замечательное свойство человеческого глаза – любой цвет на сетчатке глаза раскладывается в суперпозицию 3-х базовых цветов — красного, зеленого и синего и в таком виде поступает в мозг. Поэтому человек не различает собственно оттенок цвета (свет определенной длины волны) и тот же оттенок, составленный из базовых цветов (смешение 3-х длин волн с определенными интенсивностями). В связи с этим любому устройству, выводящему изображения, будь то монитор, проектор или принтер достаточно работать только с 3-мя базовыми цветами, меняя оттенки изменением соотношения интенсивностей этих цветов. Соответственно и задать цвет можно в виде 3-х чисел – значений интенсивностей базовых цветов. Такой способ задания цвета используется в RGB-кодировке – основной кодировке цвета.
Согласно стандарту RGB (Red, Green, Blue, т.е. Красный, Зеленый, Синий) для записи значения цвета отводится 3 байта (24 бита) – в первый байт записывается интенсивность красного, во второй байт интенсивность зеленого, в третий байт – интенсивность синего цвета. Т.к. в один байт можно записать любое значение от 0 до 255 (т.е. одно из 256 значений), то каждый базовый цвет может иметь 256 градаций интенсивности. Соответственно, в рамках RGB-стандарта возможно 256 256256 = 16777216 (более 16 млн.) различных значений оттенков. Это перекрывает возможности любого человеческого глаза.
Записывать RGB-код цвета принято в виде 6-значного шестнадцатеричного числа, состоящего из 3-х двузначных шестнадцатеричных чисел, первое из которых обозначает интенсивность красного, второе интенсивность зеленого, третье интенсивность синего (т.е. в виде #rrggbb). Например, #FF0000 означает красный цвет, #00FF00 –зеленый, #0000FF –синий, #000000 –черный (отсутствие цвета), #FFFFFF белый (смешение максимальных интенсивностей базовых цветов), #808080 – серый (смешение половинных интенсивностей всех базовых цветов). При интерпретации значения RGB-кода удобно представить, что источником цвета является светильник, состоящий из 3-х лампочек – красной, зеленой и синей, причем яркость каждой лампочки определяется значением соответствующего двузначного шестнадцатеричного числа (00 – лампочка выключена, FF-лампочка включена с максимальной яркостью).
Кроме RGB используется еще одна общепринятая кодировка цветов CMYK.
Кодировка CMYK (Cyan -голубой, Magenta -розовый, Yellow -желтый и blacK -черный) является дополнительной к RGB. Коды базовых CMYK-цветов записываются в RGB как
Cyan = #00FFFF,
Magenta = #FF00FF,
Yellow = #FFFF00,
Black = #000000.
Таким образом, Cyan + Red = Magenta + Green = Yellow + Blue = #FFFFFF (белый цвет).
CMYK кодировка полностью эквивалентна RGB (дает столько же различных оттенков), но для ее реализации необходимо 4 байта (32 бита). Лишний байт необходим для дополнительного черного цвета, который не создает новых оттенков, а только меняет общую интенсивность цвета. Необходимость в дополнительном черном цвете возникает из-за невозможности получить черный смешением голубого, розового и желтого. Хотя теоретически такой результат должен получаться, на практике, при смешивании красок или при смешивании света точечных источников чистого черного цвета (т.е. полного отсутствия цвета) не получается.
Кодировка RGB позволяет наилучшим образом задать цветную точку на черном фоне, например изображение на экране монитора (при отсутствии какого-либо изображения монитор представляет собой черный экран). Кодировка CMYK более удобна при представлении изображения на белом фоне (например, изображения и текста на бумаге). Поэтому для любых печатающих устройств более удобна кодировка CMYK. Идея CMYK использовалась в полиграфии задолго до появления компьютеров при печати цветных изображений с помощью набора из 4-х базовых красок.
studfiles.net
Цветовая гамма в html
В html цвет может быть задан в нескольких форматах:
1. В виде шестнадцатеричного значения – используются код, заданный в шестнадцатеричной системе исчисления. Такие коды цветов в html состоят из трех пар шестнадцатеричных чисел. Каждая пара отвечает за насыщенность оттенка своим основным цветом:
- Первая числовая пара – отвечает за красный цвет;
- Вторая пара – за содержание зеленого цвета;
- Последняя – за содержание синего цвета.
В начале кода (перед цифрами) ставится решетка. Так обозначается шестнадцатеричный цветовой код. Кроме чисел от 1 до 9 в этой системе исчисления используются буквы латинского алфавита (A, B, C, D, E, F).
Например, код белого цвета в html будет иметь вид #FFFFFF:
2. Ключевым словом – сейчас html поддерживает около 147 ключевых слов. Но не все из этих слов являются уникальными. Некоторые из них ссылаются на один и тот же цветовой оттенок.
Серый цвет обозначается двумя ключевыми словами: grey и gray. Их шестнадцатеричный код (HEX) задается одним и тем же значением #808080.
Пример:
3. В формате RGB – эта кодировка цветов в html основана на использовании трех значений, задаваемых в диапазоне от 0 до 255. Каждое из них определяет насыщенность оттенка одним из основных цветов:
- R – красный (red);
- G – зеленый (green);
- B – синий (blue).
Номер цвета в формате RGB записывается в таком виде: rgb(0, 210, 100).
Пример:
4. В формате RGBA – он представляет собой усовершенствованный формат RGB, где четвертым значением задается прозрачность цвета в виде десятичной дроби от 0 до 1.
Пример использования:
Таблицы цветов html и генераторы цвета
При таком большом разбросе форматов установки цвета легко запутаться. Поэтому была придумана специальная таблица цветов. В ней к 147 ключевым названиям цветовых оттенков приведены коды соответствия во всех основных стандартах представления цвета. Дополнительно каждое поле снабжено планкой для визуального подбора цвета. Одна из таких таблиц представлена на сайте colorscheme.ru:
Но даже с помощью такой структуризации соответствия подбор нужного оттенка может оказаться затруднительным. Да и не факт, что в таблице кодов цветов найдется нужный.
Чтобы обойти эту преграду и максимально упростить подбор нужного оттенка, были разработаны интерактивные веб-сервисы. Их пользовательский интерфейс может несколько разниться между собой.
На сайте html-color-codes.info генератор цветов имеет такой вид:
А в рамках сервиса color-picker.appsmaster.co этот инструмент реализован немного иначе:
Но генератор цветов доступен не только на специализированных сайтах. Подобным инструментом снабжены почти все графические редакторы. Например, Photoshop:
Техника безопасности при работе с цветом
А было это давно, еще в эпоху видеокарт, поддерживающих всего 256 цветов. В те далекие времена операционные системы могли без искажений отображать лишь определенное количество восьми битных оттенков.
Тогда была выведена великая таблица безопасных цветов. В ней указывалось 216 оттенков, которые могли быть отображены без искажения в любом из браузеров того времени. И по сей день эта «великая рукопись» еще доступна на некоторых ресурсах:
В наше время все изменилось. Поэтому все правила техники безопасности при работе с цветом в html полностью аннулируются. Ведь современное компьютерное железо поддерживает более 16 миллионов различных оттенков. И 216 безопасных цветов канули в лету.
Основы цветовой гармонии
Природным гармоничным чувством вкуса наделены далеко не все из нас. Поэтому правильный подбор цвета может стать настоящим испытанием. Но, хвала науке, даже цветовую гармонию ей удалось описать в виде нескольких схем. Все они основаны на использовании цветового круга. Схемы гармоничного подбора цветов в html:
- Схема параллельных цветов – когда оба оттенка в цветовом кругу находятся параллельно;
- Триадная схема – в основе всех углов треугольника лежит один из цветов;
- Монохроматическая – когда подбираются несколько близких оттенков одного цвета;
- Аналоговая – более расширенная версия монохроматической схемы. При этом оттенки одного цвета находятся на определенном удалении.
Реализация всех этих схем хорошо представлена в рамках сервиса paletton.com. Он позволяет без труда осуществить гармоничный подбор цвета.
Но не стоит воспринимать эти схемы как эталоны цветовой гармонии. В этом деле никто не отменял творческого подхода. И может оказаться так, что именно вы откроете новую схему идеального цвета.
www.internet-technologies.ru
Основные понятия компьютерной графики
Одним байтом можно закодировать 256 различных цветов (28 цветов). Если на кодирование цвета выделить два байта, то можно закодировать 65536 различных цветов (216 цветов). Если для кодирования использовать 3 байта, то — 16,5 млн. цветов (224 цветов). Этот режим позволяет создать на экране изображение, не уступающие по качеству цвета живой природе.
- Цветовые модели
Способ разделения цветового оттенка на составляющие компоненты называется цветовой моделью.
В компьютерной графике применяются три цветовые модели:
Цветовая модель RGB используется для излучаемого цвета, т.е. при подготовке экранных документов.
Любой цвет можно представить в виде комбинации трех основных цветов: красного (Red), зеленого (Green) и синего (Blue).
Эти цвета называются цветовыми составляющими.
При кодировке цвета точки изображения с помощью трех байтов, первый байт кодирует красную составляющую, второй – зеленую, третий – синюю.
Чем больше значение байта цветовой составляющей, тем ярче этот цвет. При наложении одной составляющей на другую яркость суммарного цвета также увеличивается. Поэтому цветовая модель RGB, использующаяся для излучаемого цвета, называются аддитивной.
Цветовая модель CMYK используется при работе с отраженным цветом, т.е. для подготовки печатных документов.
Цветовыми составляющими этой модели являются цвета: голубой (Cyan), лиловый (Magenta), желтый (Yellow) и черный (BlacK).
Эти цвета получаются в результате вычитания основных цветов модели RGB из белого цвета. Черный цвет задается отдельно.
Увеличение количества краски приводит к уменьшению яркости цвета. Поэтому цветовая модель CMYK, использующаяся для отраженного цвета, называются субтрактивной.
Цветовая модель HSB
Название модели складыватся из первых букв трех компонентов, на основе которых эта модель основана: Hue — цветовой тон; Saturation — насыщенность; Brightness — яркость. Модель основана на особенности восприятия цвета человеческим глазом.
Тон— это конкретный оттенок цвета.
Насыщенностьхарактеризует его интенсивность, или чистоту.
Яркость же зависит от примеси черной краски, добавленной к данному цвету.
Значение цвета выбирается как вектор, выходящий из центра окружности. Точка в центре соответствует белому цвету, а точки по границе окружности – чистым цветам. Направление вектора определяет цветовой оттенок и задается в угловых градусах. Длина вектора определяет насыщенность цвета. Яркость цвета задают на отдельной оси.
Модель HSB удобно применять при создании собственно изображения, а по окончании работы изображение можно преобразовать в модель RGB или CMYK.
- Цветовая палитра
Электронная цветовая палитра состоит из определенного числа ячеек, каждая из которых содержит отдельный цветовой тон. Конкретная цветовая палитра соотносится с определенной цветовой моделью. Но если в цветовой модели возможно воспроизвести любой из описываемых ее цветов, цветовая палитра содержит ограниченных набор цветов, называемых стационарными.
Изображения, публикуемые в Интернете, принято создавать в так называемой безопасной палитре цветов. Графический файл, отображаемый в Интернете должен иметь по возможности минимальный размер, поэтому была принята единая палитра цветов, обеспечивающая правильное отображения цветов на любых устройствах, поддерживающих единую палитру. Безопасная палитра содержит всего 256 цветов.
Состав цветовых палитр RGB зависит от выбранного цветового разрешения -24, 16 или 8 бит. В последнем случае цветовая палитра называется индексной, потому что каждый цветовой оттенок кодируется одним числом, которая выражает не цвет пикселя, а номер (индекс) цвета. Таким образом, к файлу, созданному в индексной палитре, должна быть приложена сама палитра, так как программе обработке компьютерной графике неизвестно, какая палитра была использована.
studopedia.su
Цвет каждого пикселя растрового изображения запоминается с помощью комбинации битов. Чем больше битов используется для этого, тем большее количество оттенков цветов для каждого пикселя можно получить.
Суммарное количество двоичных разрядов (бит), используемых для представления информации о цвете одного пикселя, называется битовой глубиной цвета (глубиной цвета), которая измеряется в битах на пиксель (bpp).
В монохромном изображении пикселы могут быть любого из оттенков, составленных смешиванием двух базовых цветов. Если в качестве базовых цветов используются черный и белый, то говорят о шкале градаций серого цвета.
Цветовая разрешающая способность монохромного изображения равна 8 bpp. (28=256), т.е. для описания цвета пикселя монохромного изображения используется один байт. Добавление одного бита удваивает количество значений, которое можно закодировать, т.е. байтом можно закодировать 256 цветов, а тремя байтами (24 бита) – 16777216 различных цветов. О 24-битовых изображениях часто говорят как об изображениях с естественными цветами (True Color).
Цветовая модель – это способ описания цвета в виде совокупности числовых параметров.
Цветовой охват модели – это вся совокупность цветов, которые могут быть воспроизведены с использованием той или иной цветовой модели.
По принципу действия цветовые модели делятся на три класса:
1. аддитивные (RGB), основанные на сложении цветов
2. субтрактивные (CMY, CMYK), основу которых составляет операция вычитания цветов
3. перцепционные или интуитивные (HSB, HLS, Lab), базирующиеся на восприятии.
Цветовая модель RGB используется при описании цветов, получаемых смешением световых лучей. Ее составляющими являются три базовых цвета: Red (красный), Green (зеленый) и Blue (синий). Все остальные цвета в этой модели образуются за счет смешения базовых цветов в различных пропорциях. Каждый из трех базовых цветов может варьироваться в пределах от 0 до 255, образовывая разные цвета и обеспечивая, таким образом, доступ ко всем другим цветам. Для их хранения необходимо 3 байта – 24 бита (цветовая разрешающая способность аддитивной модели составляет 24 bpp).
Каждому цвету RGB-модели можно сопоставить код, который содержит яркости его трех составляющих. Для записи кода используется десятичное (тройка десятичных чисел, разделенных запятой) или шестнадцатеричное (#XXXXXX; # – признак шестнадцатеричного числа, далее каждые две цифры – шестнадцатеричное число яркости каждой составляющей) представление кода. Например, код желтого цвета можно записать как 255,255,0 или #FFFF00.
На экране монитора RGB схема – это свечение трех зерен триады люминофора (красного, зеленого и синего). Для получения белого цвета необходимо, чтобы ярко светились все три зерна триады – красное, зеленое и синее (R:255/G:255/B:255). Отсутствие свечения дает черный свет (R:0/G:0/B:0).
При попарном свечении при максимальной яркости можно получить три цвета: пурпурный (magenta) – светятся красный и синий; голубой (cyan) – синий и зеленый и желтый (yellow) – красный и зеленый, которые составляют базовую основу субтрактивной моделиCMYK/CMY.
Цветовая модель CMYK / CMY состоит из трех базовых цветов: Cyan – голубой, Magenta – пурпурный и Yellow – желтый. Каждый из трех параметров модели соответствует процентному содержанию в пикселе напечатанного на бумаге точечного изображения соответствующей ему базовой краски. При смешении максимально допустимых моделью количеств всех трех компонентов должен получаться черный цвет, а при отсутствии красок – белый цвет. Однако смешение этих цветов в полиграфии не дает чистого черного цвета, поэтому в триаду цветов добавляют черный (blacK) цвет.
CMYK – основная цветовая модель для отраженного света. Каждый из базовых цветов CMYK получается вычитанием из белого цвета одного из базовых цветов модели RGB.
Четыре параметра модели могут принимать значения от 0 до 100. Для хранения каждого числа отводится 1 байт (8 бит). Цветовая разрешающая способность модели равна 32 bpp.
При смешивании отдельных цветовых составляющих модели CMYK при максимальной яркости можно получить следующие результаты:
Голубой + Пурпурный = Синий с оттенком фиолетового, который можно усилить, изменив пропорции смешиваемых цветов.
Пурпурный + Желтый = Красный. Уменьшение яркости пурпурного дает оранжевый, а уменьшение яркости желтого – розовый.
Желтый + Голубой = Зеленый. Уменьшение яркости желтого дает изумрудный, а уменьшение яркости голубого – салатовый.
Цветовые красители имеют худшие характеристики по сравнению с люминофором. Поэтому цветовая модель CMYK имеет более узкий цветовой диапазон по сравнению с RGB-моделью.
Преобразование цветов из системы RGB в систему CMYK не всегда возможно. Поэтому, цвета, отображаемые на экране монитора, никогда нельзя точно повторить при печати. Однако, многие программы позволяют работать непосредственно в цветах CMYK.
Для устранения несоответствий цветовых диапазонов RGB- и CMYK-моделей существуют три направления:
1. Выявление и коррекция несоответствующих цветов непосредственно в процессе редактирования:
§ редактирование изображения в формате CMYK-модели;
§ использование CMYK-ориентированных палитр;
§ средства индикации, имеющиеся в программах, для получения информации о наличии в изображении цветов, не поддерживаемых моделью CMYK.
2. Расширение цветового пространства CMYK-модели. Переход от 4-цветной к 6- и 7-цветной моделям:
§ системы PANTONE HEXACHROME Colors – к 4 цветам модели CMYK добавлены зеленый и оранжевый (CMYKOG);
§ использование цветовой модели HiFi Color 3000 – всего 7 цветов, 4 цвета CMYK-модели и 3 цвета RGB-модели.
§ использование цветовой модели CMYK + Special – дополнительно включает в себя четыре цвета.
§ использование плашечных цветов.
3. Использование системы управления цветом – CMS (Color Management Systems).
Плашечные цвета – это цвета, получающиеся путем смешивания из исходных красок до печатного процесса, а не смешиванием четырёх (CMYK) или шести (CMYKOG) красок при печати. Их можно получить от различных производителей, но в повседневной практике печатники чаще всего самостоятельно готовят краску, используя таблицы, полученные от производителя краски.
Плашечные цвета позволяют печатать специальные цвета, которые нельзя получить смешиванием обычных чернил CMYK. Самый типичный пример – цвета вне охвата (перенасыщенные синие и оранжевые), «металлики» (золото, серебро, медь и т.д.), флуоресцентные краски и т.п.
Существует несколько промышленных стандартов плашечных цветов, некоторые из них используются только в определённых частях света. Наиболее распространённый стандарт разработан в компании Pantone.
Палитра Pantone – это набор цветов, каждому из которых присвоено определенное имя. Компания Pantone выпускает цветовые каталоги, по которым полиграфисты и производят выбор красок для каждого тиража.
Цветовая модель HSB основана на трех параметрах: H (Hue) – оттенок или тон; S (Saturation) – насыщенность и B (Brightness) – яркость.
Цветовой тон – свет с доминирующей длиной волны (например, свет с доминирующей длиной волны 450 нм ассоциируется с синим цветом).
Насыщенность характеризует чистоту цвета (нулевая – серый цвет, максимальная – наиболее яркий вариант данного цвета).
Яркость понимается как степень освещенности. При нулевой яркости цвет становиться черным. Максимальная яркость при максимальной насыщенности дают наиболее выразительный вариант данного цвета.
Графически модель HSB можно представить в виде кольца (рис.6), вдоль которого располагаются оттенки цветов. На внешнем круге находятся оттенки цветов (параметр Н измеряется в градусах от 0 до 360), каждому спектральному цвету соответствует свой градус, то есть всего насчитывается 360 вариантов (красный – 0, желтый – 60, зеленый – 120 градусов и т.д.).
Рис.6. Графическое представление цветовой модели HSB
Чем ближе к центру круга располагается цвет, тем меньше его насыщенность (S измеряется в процентах).
Яркость отображается на линейке, перпендикулярной плоскости цветового круга (В измеряется в процентах). Все цвета на внешнем круге имеют максимальную яркость.
Модель HSB согласуется с восприятием цвета человеком и считается самой удобной в подборе цвета для пользователя. Однако она является абстрактной, поскольку не существует технических средств для непосредственного измерения цветового тона и насыщенности. Модель HSB не образует цветовых каналов в документе (сохранить документ в этой цветовой модели нельзя). Поэтому, к достоинствам цветовой модели HSB относят аппаратную независимость и простой и интуитивно понятный механизм управления цветом. А к недостаткам – ограниченное цветовое пространство и неудобство визуального восприятия компоненты «яркость» (например, оттенки, имеющие равные значения параметра «яркость» (к примеру, желтый и красный), визуально воспринимаются разными по яркости).
Цветовая модель HLS основана на трех параметрах: H (Hue) – оттенок или тон, S (Saturation) – насыщенность и L (Lightness) – освещенность.
Освещенность – параметр цветовой модели, позволяющий визуально сравнивать степень яркости цветового тона. Оттенки с равными значениями светлоты выглядят одинаково яркими. Уменьшение освещенности приближает цвет к черному, а увеличение – к белому. Чистый спектральный цвет получается при освещенности 50%.
Данная модель используется в некоторых графических редакторах, например в Macromedia FreeHand.
Цветовая модель Lab основана на трех параметрах:
L (Luminosity) – яркость (освещенность) – осуществляет контроль за яркостью цветов, образованных двумя цветовыми каналами
цветовой канал a – соотношение зеленой и красной составляющих цвета – содержит цвета от темно-зеленого через серый до ярко-розового
цветовой канал b – соотношение синей и желтой составляющих – содержит цвета от светло-синего через серый до ярко-желтого
Модель Lab обладает самым большим цветовым охватом, в ней можно представить практически все природные цвета, которые способен воспринять человек.
Графическое изображение модели Lab представлено на рис.7.
Рис.7. Графическое представление цветовой модели Lab
Lab – аппаратно-независимая цветовая модель. Она определяет цвета без учета особенностей технологии цветовоспроизведения (на мониторе, на принтере). Lab используется в качестве промежуточной цветовой модели (ее цветовой диапазон покрывает диапазоны RGB и CMYK). Например, PhotoShop использует Lab при переходе от RGB к CMYK в качестве промежуточного этапа.
Цветовой охват моделей RGB, CMYK и Lab можно изобразить следующим образом:
Рис.8. Схематическое изображение цветового охвата моделей RGB, CMYK и Lab
life-prog.ru
Кодирование цветом.
Хотя у 8% мужчин и у 0,5% женщин встречается дальтонизм, основным видом кодирования является цветовое.
Там, где расположение и форму менять нельзя, а символы не работают, применяется цвет, являющийся достаточным отличительным признаком объекта. В некоторых случаях (например, провода в многожильном кабеле) отличить один объект от другого можно только по цвету.
Классическим примером цветового кодирования являются схемы метрополитенов. Пока линий в системе мало, можно использовать один цвет. Но когда она разрастается, без введения дополнительных цветов не обойтись, что мы видим на лондонской схеме 1908 года:
При печати в одну краску вместо цветов можно использовать разные штриховки.
Легенда, приведенная в книжке о дорожных знаках, практически бесполезна.
Легенда современной схемы лондонского метро в монохромном исполнении. Все линии четко различаются, но при этом никаких упоминаний о цвете нет.
Цветовое кодирование успешно применяется в аналитической картографии.
Цветом принято кодировать разные виды одного продукта. Раньше молочные продукты в стеклянных бутылках отличались цветом крышек из фольги: молоко — серебряная фольга, ацидофилин — синяя, кефир — зеленая, ряженка — малиновая и т. д.
Сегодня в барах по всему миру наши соотечественники перед вылетом, во время полета и после прилета заказывают виски по цвету этикетки, кодирующему срок выдержки и качество сырья: «Рэд лейбл» (пять лет) , «Блек лейбл» (двенадцать) , а кто знает, тот «Голд лейбл» (восемнадцать) или даже «Блю лейбл» (семнадцать лет + понты) .
Черная икра продается под крышками трех цветов. На самих банках ни слова о различиях нет (это «икра осетровых рыб») , но цветом кодируется вид рыбы, объясняя разницу в стоимости.
Белуга или стерлядь
Осетр
Севрюга
Цветовое кодирование — это удобная методика, используемая в самых разных отраслях для того, чтобы создать наглядное представление процесса.
otvet.mail.ru
Термин цветовое кодирование известен уже очень и очень давно тем, кто хоть немного общается с дизайном. По факту цветовое кодирование — это один из видов представление информации, основанный на сопоставлении одного цвета одному или нескольким предметам, терминам или формам. Цветовое кодирование применяется тогда, когда представляемой информации оказывается слишком много, а ее еще нужно показать на таймлайне (изменение во времени) или же стандартные средства обозначения предмета (символьно) недействительны. Именно в таких случаях применяется цветовое кодирование — чтобы глаз мог без труда различать только необходимую информацию, которая интересует пользователя в конкретный момент.
История
Самые первые эксперименты по цветовому кодированию были проведены при составлении старинных топографических карт, где оттенки зеленого означали различные высоты равнин, а оттенки коричневого — горы.
У большинства в школе, наверняка, была география и все прекрасно понимают о чем идет речь 🙂
В своей книге Envisioning Information Э. Тафти приводит пример карты на которой можно отчетливо увидеть все дома, промышленные зоны, важные постройки, поля, луга, леса и воду. Все это создано при помощи правильно подобранной цветовой гаммы. В этом примере автор не использовал отдельный цвет для обозначения дорог: именно поэтому карта сохранила свою легкость в прочтении, т.к. “дороги” сформированы за счет плотно стоящих рядом друг с другом зданий (см. правило 1+1=3).
Применение в инфографике
Естественно, после карт цветовое кодирование начало применяться во многих других областях, где требовалось как-то обозначать предметы или выделять важную информацию. Одной из активных областей применения цветового кодирования — инфографика, но не во всех примерах инфографики можно его встретить. Разберем несколько вариантов применения цветового кодирования.
Например, рейтинг штатов по населению (по данным переписи населения):
Этот пример рассказывает нам о рейтинге каждого из штатов США по данным переписи населения с 1790 года, когда было всего 13 штатов и далее каждые 10 лет до 1900 года, когда штатов стало уже 52. Каждый штат имеет свою отличительную окраску (не говорю цвет, потому как тут применяется двух- и трехцветное кодирование). Кроме того положение каждого штата в рейтинге можно проследить по соединительным линиям, что упрощает движение глаза человека, который хочет посмотреть, например, как изменилось положение штата Мэриленд с 1790 года по 1860.
Другой пример, более современный, это статистика гонки Формула 1:
Каждому из гонщиков присвоен свой цвет, а линия показывает положение гонщика в общем списке на каждом кругу. Гонщиков не так уж и много, поэтому ничего сложного в том, чтобы проследить за их положением (показана только первая восьмерка победителей, поэтому линий и мало).
Но вот другой пример, который также использует цветовое кодирование для представления рейтинга женских сборных по гребле в Кембриджском Университете за 12 сезонов в каждом из которых отображено по 4 дня. Всего статистика включает в себя данные по более чем 66-ти командам.
В общей сумме тут более 800 спарклайнов(статья #1 и статья #2 про спарклайны), что немного усложняет задачу быстрого и правильного понимания информации. Однако, положение опять спасает цветовое кодирование. На картинке в книге все вообще видно прекрасно, даже не водя пальцем по линиям. На вылолженном же варианте цвет немного искажен из-за сканирования, поэтому качество не фонтан, да и цвета почти все одинаковые, но разобрать некоторые команды и их положение вполне реально.
Еще один пример (из последних), где уместно применение цветового кодирования — визовая статистика.
Тут автор как нельзя лучше обозначил цветом те страны, которые выдают шенгенские визы. Кроме того по этой визуализации мы можем узнать, что Литва и Словакия только после 2008 года начали выдавать шенгенские визы, а до этого выдавали только внутренние.
Еще одним почти удачным примером может послужить интерактивная карта населения стран “прошлое, настоящее, будущее”.
Основная проблема — это цвет. Сочетания ярко-красного и ярко-синего могут спокойно делать только ученые или исследователи, поэтому я такие сочетания и такие цвета так и назваю — “научные цвета” 🙂 Этот термин как нельзя точно определяет использованные в этом примере цвета. Однако, если не обращать внимания на кислотные красные точки, а сосредоточиться именно на представлении информации, то можно заметить неплохую картину, которую создал автор: крупный, привлекающий внимание заголовок, из которого сразу же становится понятно назначение цветов на карте. Такие заголовки выполняют сразу несколько функций: непосредственно сам заголовок + легенда, а т.к. кроме цветов на этой карте больше ничего непонятного быть не может, то решение очень удачное.
Основные правила использования
Основные правила очень просты:
- использовать цветовое кодирование когда другие виды кодирования не получается использовать или из-за них ваша работа становится слишком сложной;
- не использовать яркие, кислотные цвета, которые будут резать глаз при просмотре;
- использовать именно цвета, а не их названия:
- стараться не использовать более 4-х различных цветов (оттенки цветов предпочтительнее использовать, вместо добавления новых цветов);
Будущее цветового кодирования
В том, что этот термин и его применение никогда никуда не денутся (в обозримом будущем) я точно уверен. Сейчас вокруг появляется все большая и большая необходимость визуализировать большие массивы данных на небольших носителях информации: газетные страницы, буклеты и тд… Чем больше информации, тем ее сложнее воспринимать, структурировать и вообще понимать. Именно поэтому мы будем все чаще и чаще сталкиваться с различными проявляниями цветового кодирования
infogra.ru
Специалисты нашей компании придают большое значение цветовой кодировке инвентаря. Но почему?
Многие из нас слышали о риске перекрестного загрязнения. Цветовая кодировка поможет разграничить инвентарь, которым моется санитарная зона, от предметов, используемых для чистки кухни.
Еще одним весомым бонусом цветовой кодировки является то, что сотруднику гораздо легче разграничивать инвентарь и моющие средства по зонам и запоминать это.
Существуют общепринятые стандарты значения цветов, которые применяют все предприятия. Всего их 4: красный, зеленый, синий и желтый.
Что же они означают?
- Красный цвет и его оттенки в инвентаре применяется для санузлов, пола и поверхностей в туалетных комнатах. В этом случае даже моющие средства производители помечают соответствующим цветом. Как правило, для чистки этой зоны используются кислотные средства. Например, на бутылочке Kiehl Oxycal присутствует красный шрифт и крышка, упаковка Dr.Schnell MILIZID полностью красная, а средство Ecolab INTO TOP само по себе красного оттенка, на этикетке также много соответствующего цвета.
- Инвентарь зеленого цвета применяется в местах приготовления пищи. Также может использоваться для барных стоек и столов, где пища потребляется.
- Синий цвет предназначен для общих зон с наименьшим риском. Это могут быть гостевые зоны, коридоры, мебель, офисная техника.
- Желтый цвет используется для особых зон с повышенным уровнем стерильности. Такие зоны часто дезинфицируются.
На профессиональной кухне может быть своя кодировка: красный цвет для уборки мясного цеха, зеленый – для овощного, синий – для рыбного, желтый – для хлебобулочных изделий.
На сегодняшний день нет четких государственных регламентов по значению цветов. Перечисленные выше значения являются общепринятыми, но каждое предприятие или учреждение может обозначать свои цвета для каждой зоны.
Красный, зеленый, синий и желтый — 4 базовых цвета. Производители уборочного инвентаря создают линейки продуктов в соответствии с ними. Так, каждый продукт Vileda Professional позволяет цветокодировать инвентарь. В огромном ассортименте вы можете найти:
- салфетки для мойки и протирки поверхностей,
- мопы со специальными ярлычками,
- ручки для швабр с цветными кольцами,
- ведра со вставками,
- мусорные контейнеры.
Крупным предприятиям может понадобиться больше цветов. Производители стараются удовлетворять и эти потребности. Например, Vikan для пищевых производств предлагает до 9 цветов инвентаря: розовый, зеленый, синий, красный, белый, желтый, оранжевый, фиолетовый и черный. Отличным примером является щетка с короткой ручкой, созданная по технологии UST.
Стоит также отметить, что цветовое кодирование входит в перечень требований СанПин.
Пункт 11.5 требований СанПиН 2.1.3.2630-10:
«Уборочный инвентарь (тележки, мопы, емкости, ветошь, швабры) должен иметь четкую маркировку или цветовое кодирование с учетом функционального назначения помещений и видов уборочных работ и храниться в выделенном помещении. Схема цветового кодирования размещается в зоне хранения инвентаря. Стиральные машины для стирки мопов и другой ветоши устанавливаются в местах комплектации уборочных тележек.»
Возникли вопросы или сложности с подбором инвентаря? Проконсультируем! Звоните 8 800 2222 800 или пишите в онлайн-чат на сайте.
Понравилась статья? Поделитесь ею в социальных сетях! 🙂
clean-ultimate.com
Лекция 5
Кодирование цвета. Палитра
Кодирование цвета
Для того чтобы компьютер имел возможность работать с цветными изображениями, необходимо представлять цвета в виде чисел — кодировать цвет. Способ кодирования зависит от цветовой модели и формата числовых данных в компьютере.
Для модели RGB каждая из компонент может представляться числами, ограниченными некоторым диапазоном, например дробными числами от нуля до единицы либо целыми числами от нуля до некоторого максимального значения. Наиболее распространенной схемой представления цветов для видеоустройств является так называемое RGB-представление, в котором любой цвет представляется как сумма трех основных цветов – красного, зеленого, синего – с заданными интенсивностями. Все возможное пространство цветов представляет собой единичный куб, и каждый цвет определяется тройкой чисел (r, g, b) – (red, green, blue). Например, желтый цвет задается как (1, 1, 0), а малиновый – как (1, 0, 1), белому цвету соответствует набор (1, 1, 1), а черному – (0, 0, 0).
Обычно под хранение каждого из компонентов цвета отводится фиксированное число n бит памяти. Поэтому считается, что допустимый диапазон значений для компонент цвета не [0; 1], а [0; 2n-1].
Практически любой видеоадаптер способен отобразить значительно большее количество цветов, чем то, которое определяется размером видеопамяти, отводимой под один пиксел. Для использования этой возможности вводится понятие палитры.
Палитра – массив, в котором каждому возможному значению пиксела ставится в соответствие значение цвета (r, g, b). Размер палитры и ее организация зависят от типа используемого видеоадаптера.
Наиболее простой является организация палитры на
EGA-адаптере. Под каждый из 16 возможных логических цветов (значений пиксела) отводится 6 бит, по 2 бита на каждый цветовой компонент. При этом цвет в палитре задается байтом вида 00rgbRGB, где r,g,b,R,G,B могут принимать значение 0 или 1. Таким образом, для каждого из 16 логических цветов можно задать любой из 64 возможных физических цветов.
16-цветная стандартная палитра для видеорежимов EGA, VGA. Реализация палитры для 16-цветных режимов адаптеров VGA намного сложнее. Помимо поддержки палитры адаптера EGA, видеоадаптер дополнительно содержит 256 специальных DAC-регистров, где для каждого цвета хранится его 18-битовое представление (по 6 бит на каждый компонент). При этом с исходным логическим номером цвета с использованием 6-битовых регистров палитры EGA сопоставляется, как и раньше, значение от 0 до 63, но оно уже является не RGB-разложением цвета, а номером DAC-регистра, содержащего физический цвет.
256-цветная для VGA. Для 256-VGA значение пиксела непосредственно используется для индексации массива DAC-регистров.
В настоящее время достаточно распространенным является формат True Color, в котором каждый компонент представлен в виде байта, что дает 256 градаций яркости для каждого компонента: R=0…255, G=0…255, B=0…255. Количество цветов составляет 256х256х256=16.7 млн (224).
Такой способ кодирования можно назвать компонентным. В компьютере коды изображений True Color представляются в виде троек байтов, либо упаковываются в длинное целое (четырехбайтное) — 32 бита (так, например, сделано в API Windows):
C = 00000000 bbbbbbbb gggggggg rrrrrrrr.
Индексные палитры
При работе с изображениями в системах компьютерной графики часто приходится искать компромисс между качеством изображения (требуется как можно больше цветов) и ресурсами, необходимыми для хранения и воспроизведения изображения, исчисляемыми, например, объемом памяти (надо уменьшать количество байтов на пиксел). Кроме того, некоторое изображение само по себе может использовать ограниченное количество цветов. Например, для черчения может быть достаточно двух цветов, для человеческого лица важны оттенки розового, желтого, пурпурного, красного, зеленого, а для неба – оттенки голубого и серого. В этих случаях использование полноцветного кодирования цвета является избыточным.
При ограничении количества цветов используют палитру, предоставляющую набор цветов, важных для данного изображения. Палитру можно воспринимать как таблицу цветов. Палитра устанавливает взаимосвязь между кодом цвета и его компонентами в выбранной цветовой модели.
Компьютерные видеосистемы обычно предоставляют возможность программисту установить собственную цветовую палитру. Каждый цветовой оттенок представляется одним числом, причем это число выражает не цвет пиксела, а индекс цвета (его номер). Сам же цвет разыскивается по этому номеру в сопроводительной цветовой палитре, приложенной к файлу. Такие цветовые палитры называют индексными палитрами.
Индексная палитра – это таблица данных, в которой хранится информация о том, каким кодом закодирован тот или иной цвет. Эта таблица создается и хранится вместе с графическим файлом.
Разные изображения могут иметь разные цветовые палитры. Например, в одном изображении зеленый цвет может кодироваться индексом 64, а в другом этот индекс может быть отдан розовому цвету. Если воспроизвести изображение с "чужой" цветовой палитрой, то зеленая елка на экране может оказаться розовой.
Фиксированная палитра
В тех случаях, когда цвет изображения закодирован двумя байтами (режим High Color), на экране возможно изображение 65 тысяч цветов. Разумеется, это не все возможные цвета, а лишь одна 256-я доля общего непрерывного спектра красок, доступных в режиме True Color. В таком изображении каждый двухбайтный код тоже выражает какой-то цвет из общего спектра. Но в данном случае нельзя приложить к файлу индексную палитру, в которой было бы записано, какой код какому цвету соответствует, поскольку в этой таблице было бы 65 тыс. записей и ее размер составил бы сотни тысяч байтов. Вряд ли есть смысл прикладывать к файлу таблицу, которая может быть по размеру больше самого файла. В этом случае используют понятие фиксированной палитры. Ее не надо прилагать к файлу, поскольку в любом графическом файле, имеющем 16-разрядное кодирование цвета, один и тот же код всегда выражает один и тот же цвет.
Безопасная палитра
Термин безопасная палитра используют в Web-графике. Поскольку скорость передачи данных в Интернете пока оставляет желать лучшего, для оформления Web-страниц не применяют графику, имеющую кодирование цвета выше 8-разрядного.
При этом возникает проблема, связанная с тем, что создатель Web-страницы не имеет ни малейшего понятия о том, на какой модели компьютера и под управлением каких программ будет просматриваться его произведение. Он не уверен, не превратится ли его "зеленая елка" в красную или оранжевую на экранах пользователей.
В связи с этим было принято следующее решение. Все наиболее популярные программы для просмотра Web-страниц (броузеры) заранее настроены на некоторую одну фиксированную палитру. Если разработчик Web-страницы при создании иллюстраций будет применять только эту палитру, то он может быть уверен, что пользователи всего мира увидят рисунок правильно. В этой палитре не 256 цветов, как можно было бы предположить, а лишь 216. Это связано с тем, что не все компьютеры, подключенные к Интернету способны воспроизводить 256 цветов.
Такая палитра, жестко определяющая индексы для кодирования 216 цветов, называется безопасной палитрой.
studizba.com