Коды цветов

Как на устройствах вывода цветных изображений (телевизоры, мониторы, дисплеи) задать цвета, которые мы встречаем в повседневной жизни? Как в терминах электронного устройства написать, какая точка на изображении будет красной, белой, чёрной или любого другого цвета? Если отвечать кратко на эти вопросы, то ответом будет синтез цвета и использование цветовых моделей. Модели описывают способы синтеза цвета для цветовоспроизведения. Другими словами, модели позволяют закодировать каждый цвет, и задание нужного цвета осуществляется заданием соответствующего цветового кода.

Популярные цветовые модели: RGB, CMYK, HSL, HSV (или HSB), XYZ, Yxy. Существуют и другие. Мы ставим целью предоставить информацию о цветовых кодах для веба, поэтому ориентируемся на hex-коды и коды модели RGB. Перейдите в раздел сайта, который вам интересен:

Цвета HTML

Задание цвета элементам на веб-страницах возможно четырьмя способами.

  1. с помощью трёх пар шестнадцатеричных кодов (известны как hex-коды): #FF0000 (красный), #A52A2A (коричневый).
    .text { color: #FF0000; }
    .bg { background: #A52A2A; }
  2. с помощью английских названий цветов: green, blue, orange и другие.
    .text { color: red; }
    .bg { background: brown; }

    Все популярные цвета имеют названия.
  3. С помощью RGB-модели через конструкцию вида rgb(ххх,ххх,ххх) или rgba(ххх,ххх,ххх,А). Каждый блок ххх — компонент цвета, задающийся в диапазоне от 0 до 255. Блок А — альфа-канал, который определяет уровень прозрачности элемента на веб-странице, находится в диапазоне от 0 до 1.
    .text { color: rgb(255,0,0,0.7); }
    .bg { background: rgb(165,42,42); }

    Примечание: rgba введен в CSS3.
  4. С помощью HSL-модели, которая введена в CSS3. Используется конструкция hsl(xxx,xxx,xxx) или с альфа-каналом hsla(xxx,xxx,xxx,A).
    .text { color: hsla(120, 100%, 50%, 0.5); }
    .bg { background: hsl(0, 100%, 50%); }

RGB

Название модели является аббревиатурой английский слов Red + Green + Blue. RGB — цветовая модель, состоящая из трёх каналов: красный + зелёный + синий. Каждый из трёх каналов — числовой диапазон от 0 до 255. Таким образом, любой цвет — это три пары диапазонов. Модель описывает любой цвет, как смешивание трёх цветов в разных долях.

Примеры задания цветов по модели RGB: 255.0.0 — красный, 255.255.0 — жёлтый, 165.42.42 — коричневый.

Интересен ещё один вопрос: сколько всего цветов? Так как каждый диапазон включает 256 комбинаций и таких диапазонов три, то общее число цветов составляет 2563 = 16 777 216. Каждый цвет в цветовой модели задаётся уникальным кодом.

Модель широко используется в технике.

All colors image
Изображение, содержащее все
16 777 216 цветов

Полный размер (4096×4096 пикселей).