Как кодируются цвета

Когда мы видим цвет на экране компьютера, телефона или планшета, устройство хранит его не в виде слов «красный» или «синий», а в виде чисел. Процесс представления цветов с помощью чисел называется кодированием цветов.

Зачем нужно кодирование цветов

Компьютер понимает только данные, представленные в цифровом виде. Поэтому каждый цвет переводится в специальный код. Благодаря этому программы могут точно воспроизводить миллионы оттенков, отображать изображения, создавать дизайн сайтов и компьютерную графику.

Например, когда вы открываете фотографию, устройство считывает цветовой код каждого пикселя и показывает соответствующий цвет на экране.

Цветовая модель RGB

Самый распространенный способ кодирования цветов на экранах — модель RGB. Ее название образовано от английских слов:

• R (Red) — красный;
• G (Green) — зеленый;
• B (Blue) — синий.

Эти три цвета называют основными. Смешивая их в разных пропорциях, можно получить практически любой оттенок.

Каждый компонент RGB имеет значение от 0 до 255:

• 0 означает отсутствие цвета;
• 255 означает максимальную яркость цвета.

Например:

• RGB(255, 0, 0) — красный;
• RGB(0, 255, 0) — зеленый;
• RGB(0, 0, 255) — синий;
• RGB(255, 255, 255) — белый;
• RGB(0, 0, 0) — черный.

Желтый цвет получится так:

• RGB(255, 255, 0)

Здесь красный и зеленый включены на полную мощность, а синий отсутствует.

Почему используются числа от 0 до 255

Каждое значение хранится в одном байте памяти. Один байт содержит 8 бит и может принимать 256 различных значений — от 0 до 255.

Поскольку в RGB используются три цветовых канала, количество возможных цветов составляет:

256 × 256 × 256 = 16 777 216 цветов.

Именно поэтому современные экраны способны отображать более 16 миллионов оттенков.

Шестнадцатеричное представление цветов

В веб-разработке часто используют шестнадцатеричные коды. Они начинаются со знака # и состоят из шести символов.

Например:

• #FF0000 — красный;
• #00FF00 — зеленый;
• #0000FF — синий;
• #FFFFFF — белый;
• #000000 — черный.

Каждая пара символов отвечает за один цветовой канал:

• FF — красный;
• 00 — зеленый;
• 00 — синий.

Код #FF0000 полностью соответствует записи RGB(255, 0, 0).

Цветовая модель CMYK

Для печати используется другая система — CMYK. Она основана на четырех цветах:

• Cyan — голубой;
• Magenta — пурпурный;
• Yellow — желтый;
• Key (Black) — черный.

Если RGB предназначена для экранов, то CMYK применяется в типографиях, при печати книг, журналов, листовок и плакатов.

Из-за различий между RGB и CMYK цвет изображения на экране может немного отличаться от цвета после печати.

Цветовая модель HSL

Еще один популярный способ кодирования цветов — модель HSL:

• Hue — оттенок;
• Saturation — насыщенность;
• Lightness — светлота.

В этой системе цвет задается более понятным для человека способом.

Например, можно указать:

• оттенок — красный;
• насыщенность — 100%;
• светлота — 50%.

Поэтому HSL часто используют дизайнеры и разработчики при настройке интерфейсов.

Получите до 5 уроков по графическому дизайну в подарок

1. Запишите ребенка на первый пробный урок
2. Оплатите пакет занятий в течение 24 часов
3. Получите до 5 уроков в подарок

Где применяется кодирование цветов

Коды цветов используются практически во всех цифровых технологиях:

• веб-разработке;
• графическом дизайне;
• компьютерных играх;
• обработке фотографий;
• анимации;
• создании мобильных приложений;
• видеомонтаже.

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

Поможет разобраться в компьютерной графике, дизайне интерфейсов и принципах работы цифровых изображений тренер по дизайну в Айтигенио. Запишитесь на бесплатный урок по графическому дизайну и узнайте, как создаются современные сайты, иллюстрации и игровые проекты.

Итоги

Кодирование цветов — это способ представления цвета с помощью чисел. Чаще всего на экранах используется модель RGB, в которой любой оттенок создается комбинацией красного, зеленого и синего цветов. Для печати применяется CMYK, а для удобной настройки оттенков — HSL. Благодаря таким системам компьютеры могут хранить, передавать и отображать миллионы различных цветов.