Таблица 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%.

Будет полезно знать:

• Название цветов;
• Цвета ral;

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-цветным страницам пришли улучшенные варианты с дополнительной колоризацией.

Серые

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

Красные

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

Желтые

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

Зеленые

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

Оранжевые

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

Розовые

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

Какие ещё оттенки бывают:

• Оттенки зеленого;
• Оттенки красного;
• Оттенки голубого;

Синие

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

Фиолетовые

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

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

Будет полезно знать:

• Синий цвет;
• Голубой цвет;
• Белая краска;
• Абсолютно черная краска;
• Красный цвет

Автор статьи

Анастасия

Дизайнер интерьеров

Задать вопрос

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