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

Цвета html

Цвета HTML используются при оформлении страниц сайтов и определяются специальными методами. Предусмотрено несколько способов представления оттенков. Помимо текстового обозначения, существуют 16-разрядные цифровые индикаторы либо сопоставление с таблицами RGB. Цвета могут программироваться в любом формате. Символы нечувствительны к регистру.

Существующие цветовые модели

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

Для описания используют несколько моделей, которые базируются на 3-цветной палитре RGB либо на названии. Существуют дополнительные способы определения, учитывающие степень непрозрачности (альфа-канал).

Производители автомобилей используют оригинальные методики указания цветов. Например, завод АвтоВАЗ указывает 3-значный цифровой код с уточнением типа эмали (металлик или стандарт).

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

HEX (HTML)

Под обозначением HEX подразумевается описание палитры в 16-разрядном машинном коде. Индекс состоит из 3 групп значений, которые указывают на насыщенность синего, зеленого и красного.

Например, в идентификаторе вида #123456 имеются поля:

  • 12 – обозначает насыщенность красного;
  • 34 – идентифицирует интенсивность зеленого;
  • 56 – указывает на синий.

Смесь оттенков определяет окончательное визуальное восприятие цвета. Значения в каждой группе должны находиться в интервале от 00 до FF. Если идентификатор содержит одинаковые цифры, то может использоваться укороченный код. Например, вместо #224455 допускается ввод значения #245. Выведение одного из полей до значения FF при снижении прочих до 00 позволяет описать зеленый, красный или синий цвета. Например, код синего выглядит как #0000FF либо #00F в сокращенном формате.

RGB и RGBA

RGB позволяет идентифицировать массив цветов, формируемых путем соединения красного, синего и зеленого. Базовые оттенки и послужили основой для названия RGB (Red, Green и Blue). Технология востребована в графических программах для компьютеров, при получении фотоснимков цифровым оборудованием и в телевидении. Каждая составляющая может принимать значение, кратное единице, в интервале 0…255. В ряде прикладных программ вместо числового значения устанавливается процент в диапазоне 0…100%. Схема реализована в большинстве браузеров.

Ргб
В основе три основных цвета.

Например, чистый зеленый цвет описывается комбинацией (0,255,0) либо (0%,100%,0%). С начала 2010-х гг. стала вводиться система RGBA, учитывающая дополнительный индекс прозрачности alpha, варьирующийся от 0,0 до 1,0 (от прозрачного до полностью матового соответственно).

Значение коэффициента указывается цифрами либо в процентах, схема поддерживается браузерами, начиная с фиксированных релизов (Opera от модификации 10.0). Например, код (0,0,255, .35) указывает на синий цвет, имеющий непрозрачность на уровне 35%.

HSL и HSLA

Модель HSL отличается от RGB использованием цилиндрической системы измерения. Обеспечивает улучшенное восприятие оттенков и применяется в различных графических программах либо при проведении анализа снимков. Аббревиатура HSL образована начальными буквами слов Hue (оттенок), Saturation (насыщенность) и Lightness (светлота цвета, но не яркость).

Параметр Hue указывает на точку на окружности цветов в диапазоне от 0° до 360°, прочие характеристики обозначаются в процентах от 0 до 100 с шагом 1%. Модель поддерживается большинством браузеров.

Версия HSLA отличается введением дополнительного канала, определяющего непрозрачность. Параметр указывается в формате числа в диапазоне от 0,0 до 1,0 либо в процентах. По мере роста значения прозрачность падает. Например, в классическом варианте HSL зеленый цвет отображается как HSL(120, 100%, 50%), изменение светлоты до 75% корректирует оттенок до светло-зеленого. В модели HSLA стандартный зеленый описывается как HSLA (120, 100%, 50%, 1) и является полностью матовым и не пропускающим свет.

CMYK

Модель ориентирована на сферу полиграфии и предлагает идентификацию цвета как сочетание голубой, пурпурной, желтой и черной красок. Аббревиатура получена по первым буквам на английском Cyan, Magenta, Yellow и Key-Black. Каждый элемент цвета указывается в виде процента от общего состава и обозначает габариты растровой точки, отображаемой фотонаборной техникой. Например, для формирования оттенка PANTONE 7526 потребуются голубая, пурпурная, желтая и черная краски с насыщенностью 9, 83, 100 и 46 процентов соответственно.

HSB HSV

Хсб
Используется в известном сервисе.

Модель HSB отличается от HSL использованием цилиндрической системы координат стандарта bi-hexcone. Ориентирована на дизайнеров и художников. Отображаемые цвета соответствуют восприятию оттенков человеческим глазом. Например, модель HSB поддерживается программой Adobe Photoshop, используемой при редактировании фотографий и прочих изображений. Аббревиатуры HSB и HSV получены по первым буквам английских слов Hue (цвет/оттенок), Saturation (насыщенность) и Brightness/Value (яркость/значение).

XYZ

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

Lab

Базируется на пространстве CIE XYZ и может носить обозначение CIELAB либо CIE 1976 L*a*b* (в зависимости от источника). Корректировка координат составляющих в разных зонах цветового поля оказывает одинаковое влияние на конечный результат. Методика обеспечивает линейное изменение цвета с позиции органов зрения человека.

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

Цвета палитры HTML, привязанные к RGB или HEX, изначально ограничивались 16 позициями. Позднее количество оттенков возросло на 130 шт., каждому из которых присвоено стандартное обозначение на английском языке. Цвета учитываются всеми языками программирования, используемыми при разработке страниц сайтов. Дополнительные значения разбиты на группы по ведущим цветам (красному, желтому, коричневому, белому и т.д.).

Основные цвета и оттенки

Таблица
Главные цвета.

Под ключевыми подразумеваются первоначальные 16 цветов, использующиеся для разработки веб-страниц:

  • черный;
  • серебристый;
  • белый насыщенный;
  • розовый стандартный;
  • пурпурный базовый;
  • красный;
  • бордовый;
  • желтый стандартный;
  • оливковый насыщенный;
  • лайм базовый;
  • зеленый без примесей;
  • аквамариновый;
  • голубой;
  • синий насыщенный;
  • морской волны;
  • флотский.

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

Серые

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

серые
Палитра серых оттенков.
Образец оттенка по RGB Кодировка
бело-серый стандартный R220-G220-B220
светлый серый R211-G211-B211
серебристый стандартный R192-G192-B192
темный серый R169-G169-B169
базовый серый R128-G128-B128
тусклый серый оттенок R105-G105-B105
серый светлый сланцевый R119-G136-B153
сланцевый базовый R112-G128-B144
черно-сланцевый R47-G79-B79
черный стандартный R0-G0-B0

Красные

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

Красные
Различные красные цвета.
Образец оттенка по RGB Кодировка
индейский R205-G92-B92
осветленный коралл R240-G128-B128
лососевый R250-G128-B114
темного лосося R233-G150-B122
светлого лосося R255-G150-B122
малиновый R220-G20-B60
базовый красный R255-G0-B0
оттенка кирпича из огнеупорной глины R178-G34-B34
темно-красный базовый R139-G0-B0

Желтые

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

Желтые
Образцы желтого цвета.
Образец оттенка по RGB Кодировка
золотой R255-G215-B0
базовый желтый R255-G255-B0
осветленный желтый R255-G255-B224
лимонный R255-G250-B205
светлый золотисто-желтый R250-G250-B210
папайи R255-G239-B213
мокасиновый R255-G228-B181
персиковый R255-G218-B185
цветков куста золотарника R238-G232-B170
защитный R240-G230-B140
затемненный защитный R189-G183-B107

Зеленые

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

Зеленые
Зеленая палитра.
Образец краски по RGB Кодировка
зелено-желтый R173-G255-B47
шартрез R127-G255-B0
стандартный зеленый травяной газон R124-G252-B0
стандартный лайм R0-G255-B0
зеленый лайм R50-G205-B50
бледно-зеленый R152-G251-B152
светло-зеленый R144-G238-B144
весенний зеленый средней насыщенности R0-G250-B154
оттенок весенней зелени R0-G255-B127
средний зеленый морской R60-G179-B113
стандартный окрас морской зелени R46-G139-B87
лесной зеленый R34-G139-B34
базовый зеленый R0-G128-B0
темный зеленый R0-G100-B0
желто-зеленый R154-G205-B50
оливковый серый R107-G142-B35
оливковый R128-G128-B0
темный оливково-зеленый R85-G107-B47
средний аквамариновый R102-G250-B170
темный морской зелени R143-G188-B143
светлый морской зелени R32-G178-B170
темно-голубой R0-G139-B139
голубой оттенка Teal R0-G128-B128

Оранжевые

В гамму оранжевых оттенков входят 6 разновидностей, все имеют одинаковое значение поля Red (255), изменение насыщенности обеспечивают каналы Green и Blue.

Оранжевые
Типы оранжевого цвета.
Образец краски по RGB Кодировка
светлого лосося R255-G160-B122
коралловый стандартный R255-G127-B80
зрелого помидора R255-G99-B71
оранжево-красный яркий R255-G69-B0
темно-оранжевый R255-G140-B0
стандартный оранжевый R255-G165-B0

Розовые

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

Розовые
Оттенки розового.
Образец краски по RGB Кодировка
стандартный розовый R255-G192-B203
розовый с легкой интенсивностью R255-G182-B193
насыщенный, или горячий, розовый R255-G105-B180
темный розовый стандартной интенсивности R255-G20-B147
фиолетово-красный средней насыщенности R199-G21-B133
осветленный или бледный фиолетово-красный R219-G112-B147

Синие

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

синие
Многообразие синего цвета.
Образец оттенка по RGB Кодировка
морской волны R0-G255-B255
голубой R0-G255-B255
светло-голубой R224-G255-B255
бледно-бирюзовый R175-G238-B238
аквамариновый R127-G255-B212
лазурный R64-G224-B208
светло-лазурный R72-G209-B204
темно-лазурный R0-G206-B209
синий кадетский R95-G158-B160
стальной синий R70-G130-B180
светлый стальной синий R176-G196-B222
светло-голубой R176-G224-B230
легкий голубой R173-G216-B230
небесно-голубой R135-G206-B235
осветленный небесно-голубой R135-G206-B250
интенсивный небесно-голубой R0-G191-B255
голубой базовый R30-G144-B255
васильковый стандартный R100-G149-B237
сланцевый голубой усредненной насыщенности R123-G104-B238
голубой королевский R65-G105-B225
голубой стандартный R0-G0-B255
средний голубой R0-G0-B205
темно-голубой R0-G0-B139
морской R0-G0-B128
полуночный синий R25-G25-B112

Фиолетовые

В фиолетовое цветовое пространство в соответствии со стандартом HTML входит 16 разновидностей красок, перечисленных в таблице.

Фиолетовые
Окраски фиолетового.
Образец цвета по RGB Кодировка
лавандовый R230-G230-B250
соцветий чертополоха R216-G191-B216
сливовый стандартный R221-G160-B221
фиолетовый базовый R238-G130-B238
цветков орхидеи стандартный R218-G112-B214
пурпурный, или оттенок цветка фуксии R255-G0-B255
орхидеи средней насыщенности R186-G85-B211
средний фиолетовый R147-G112-B219
сине-фиолетовый R138-G43-B226
темно-фиолетовый R148-G0-B211
оттенок темной орхидеи R153-G50-B204
темный пурпурный R139-G0-B139
багровый R128-G0-B128
индиго R75-G0-B130
серо-голубой R106-G90-B205
темный серо-голубой R72-G61-B139

Цвета формируются, как и все прочие оттенки, путем сочетания 3 точек по матрице RGB. Корректировка яркости или насыщенности не предусматривается.

Значения цвета CSS для Color и Background (hex, rgb, rgba, hsl, hsla)

Похожие статьи

В мире краски
Добавить комментарий

Adblock
detector