Таблица 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
голубой оттенка TealR0-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. Корректировка яркости или насыщенности не предусматривается.

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

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

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