Какой цвет закодирован кодом ffff00

Какой цвет закодирован кодом ffff00

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

Тремя байтами кодируются числа от 0 до 256*256*256-1, или, в шестнадцатиричном виде, от #000000 до #FFFFFF. Здесь мы использовали синтаксис языка BARSIC для представления чисел в шестнадцатиричном виде (см. предыдущий пункт). Каждому числу из этого диапазона соответствует цвет в RGB кодировке, где старший байт числа дает интенсивность красного цвета, средний – синего и младший байт – зеленого цвета. Например, число #FF0000 кодирует ярко-красный цвет (первый байт – 255, или #FF в шестнадцатиричной форме, максимальная интенсивность, остальные байты – 0, интенсивность нулевая). Число #00FF00 кодирует ярко-зеленый цвет, а число #0000FF – ярко-синий. Смесь ярко-красного и ярко-зеленого цветов (#FFFF00) дает желтый цвет; смесь синего и зеленого (#00FFFF) – голубой; смесь красного и синего (#FF00FF) – малиновый; смесь всех цветов с максимальной интенсивностью (#FFFFFF) дает белый цвет.

Таким образом, цвет в RGB кодировке представляет собой целое число, лежащее в диапазоне от 0 до 16777215 (от #000000 до #FFFFFF в 16-ричной форме). Приведем 16 наиболее часто употребляемых цветов:

#800000 – темно-красный, кирпичный;

#808000 – голубой, как экран в Windows по-умолчанию;

Yellow / Жёлтый / #ffff00 / #ff0 Шестнадцатеричный Код Цветов

yellow / Жёлтый цвета по шестнадцатеричному коду цвета #ffff00 / #ff0 является оттенком желто-зеленый. В модели цвета RGB #ffff00 составляет 100% красного, 100% зеленого и 0% синего. В цветовом пространстве HSL #ffff00 имеет оттенок 60° (градусов), 100% насыщенность и 50% светлости. Этот цвет имеет приблизительную длину волны в 570.47 nm.

Цветовые вариации

• Вывернутый
  #0000ff / #00f
• Насыщенный на 25%
  #ffff00 / #ff0
• Оттенки Серого
  #808080
• Светлее на 25%
  #ecec53
• Оригинал
  #ffff00 / #ff0
• Темнее на 25%
  #b8b814
• Web-цвет: yellow
  #ffff00 / #ff0
• Оттенки Серого 25%
  #e5e619
• HTML: yellow
  #ffff00 / #ff0

Именованные цвета

Близко Связаны

1. Лимонный
   #fde910
2. Кукурузный
   #fbec5d
3. Лайм
   #ccff00 / #cf0
4. Грушевый
   #d1e231
5. Цвет жёлтого школьного автобуса
   #ffd800

Косвенно Связаны

1. Старое кружево
   #fdf5e6
2. Американская роза
   #ff033e
3. Бледно-каштановый
   #ddadaf
4. Ализариновый красный
   #e32636
5. Тёмный весенне-зелёный
   #177245

Отдаленно Связаны

1. Тёмно-синий, цвет формы морских офицеров
   #000080
2. Тёмный индиго, индиго
   #310062
3. Тёмно-синий цвет
   #00008b
4. Сапфировый
   #082567
5. Ультрамариновый
   #120a8f

Цветовые схемы

Дополнение

Аналоги

Разделение

Триада

Квадрат

Троичная

#ffff00 линейный градиент до дополнительного #00ebff

Монохроматические Цвета

Тоны

Оттенки

#ffff00 в Белый

#ffff00 в Черный

Краски

Точные соответствия

Banana / 20219

Amarillo Cromo AmCr-01

Brilliant Yellow

Yellow

HKS 3

RAL 1026 / Luminous Yellow

Yellow

Yellow

Связанные краски

Apple Barrel

Crayola

★ Sun Yellow
#fafd0f ΔE = 1.100 / LRV ≈ 90.6%

Caparol

★ 1060
#fcfc30 ΔE = 1.657 / LRV ≈ 90.5%

FolkArt

Green Planet Paints

Reaper Master

Vallejo Model Color

Old Citadel

Vallejo Game Color

Plascon

Rust-Oleum

Neon Yellow
#fdf626 ΔE = 2.941 / LRV ≈ 86.9%

Volkswagen

Дальтонизм

Monochromacy

• Ахроматопсия
  #e2e2e2
• Achromatomaly
  #efef7b

Дихроматическое зрение

Trichromacy

#ffff00 HTML и CSS Примеры

#ffff00 передний план

Лу́чше оди́н раз уви́деть, чем сто раз услы́шать.

#ffff00 фон

#ffff00 тень текста

Не говори́ гоп, пока́ не перепры́гнешь.

Чарт Композиций

RGB

CMYK

RYB

Цветовые пространства

Десятичный 16776960 Двоичный 11111111, 11111111, 00000000 Шестнадцатеричный #ffff00 / #ff0 LRV ≈ 92.8% RGB rgb(255, 255, 0) RGBA rgba(255, 255, 0, 1.0) Цветность rg r: 0.500, g: 0.500, b: 0.000 RYB красный: 0.000%, желтый: 100.000%, синий: 0.000% Android / android.graphics.Color -256 / 0xffffff00 HSL hsl(60, 100%, 50%) HSLA hsla(60, 100%, 50%, 1.0) HSV / HSB оттенок: 60° (60.000), насыщение: 100% (1.000), стоимость: 100% (1.000) HSP оттенок: 60.000, насыщение: 100.000%, воспринимаемая яркость: 94.128% HSL_uv (HUSL) H: 85.873, S: 100.059, L: 97.139 Cubehelix H: 56.942, S: 4.614, L: 0.890 TSL T: 1.484, S: 0.316, L: 0.886 CMYK голубой: 0% (0.000), пурпурный: 0% (0.000), желтый: 100% (1.000), чёрный: 0% (0.000) CMY голубой: 0% (0.000), пурпурный: 0% (0.000), желтый: 100% (1.000) XYZ X: 77.003, Y: 92.783, Z: 13.853 xyY x: 0.419, y: 0.505, Y: 92.783 CIELab L: 97.139, a: -21.554, b: 94.478 CIELuv L: 97.139, u: 7.706, v: 106.787 CIELCH / LCHab L: 97.139, C: 96.905, H: 102.851 CIELUV / LCHuv L: 97.139, C: 107.064, H: 85.873 Hunter-Lab L: 96.324, a: -25.870, b: 58.900 CIECAM02 J: 95.721, C: 80.545, h: 105.787, Q: 192.758, M: 70.435, s: 60.449, H: 127.837 OSA-UCS расторопность: -9.730, желтый: 12.641, зеленый: 3.612 LMS L: 94.038, M: 103.403, S: 15.115 YCbCr Y: 210.055, Cb: 16.055, Cr: 146.105 YCoCg Y: 191.250, Cg: 63.750, Co: 127.500 YDbDr Y: 225.930, Db: -339.915, Dr: -55.335 YPbPr Y: 236.640, Pb: -127.500, Pr: 11.730 xvYCC Y: 219.232, Cb: 16.000, Cr: 138.304 YIQ Y: 225.930, I: 81.922, Q: -79.339 YUV Y: 225.930, U: -111.177, V: 25.503 Okhsl h: 109.769, s: 1.000, l: 0.963 Okhsv h: 109.769. s: 1.000, v: 1.000 Okhwb h: 109.769, w: 0.000, b: 0.000 Oklab l: 0.968, a: -0.071, b: 0.199 Oklch l: 0.968, c: 0.211, h: 109.769 Цветовая Система Манселл 10Y 8,5/12 ΔE = 12.140 Цвет бренда Sprint ΔE = 9.725

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

В КомпьюАрт № 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.

Цвет #ff0, #ffff00 по шестнадцатеричному коду hex

В аддитивной цветовой модели RGB цвет #ffff00 (шестнадцатеричный код – hexadecimal triplet code) состоит на 100% (255) из красного (red), на 100% (255) из зеленого (green) и на 0% (0) из синего (blue). Аналогично, в моделе CMYK, цвет состоит из 0% сине-зелёного (cyan), 0% маджента (magenta), 100% жёлтого (yellow) и 0% чёрного (black). В цветовой модели HSL представлен значениями: тон (hue) – 60°, насыщеность (brightness) – 100% и светлота (lightness/intensity) – 50%. Представление #ffff00 в Win32 имеет вид: DWORD COLORREF C=0x0000ffff . В десятичном виде имеет значение 16776960 .

#ffff00 относится к числу цветов из безопасной палитры Netscape (web-safe colors). Цвет #ffff00 представлен в списке цветов X11 – Yellow, может встречаться под следующими названиями: Жёлтый, Yellow, Yellow1, Electric yellow.

красный / red = 255 (100%)