P
pro·school.ru
Каталог школ

Запись цвета в шестнадцатеричном формате

💻 Информатика · 8 класс

Запись цвета в шестнадцатеричном формате

Шестнадцатеричный код цвета — это компактная запись цвета модели RGB, где каждая из трёх составляющих (красная, зелёная, синяя) задаётся двумя шестнадцатеричными цифрами. Такая запись часто применяется при оформлении веб-страниц.

Структура записи

Код состоит из знака # и шести цифр: первые две отвечают за красный канал, следующие две — за зелёный, последние две — за синий. Каждая пара кодирует значение от 0 до 255.

КаналШестнадцатеричный диапазонДесятичный диапазон
Красный00 — FF0 — 255
Зелёный00 — FF0 — 255
Синий00 — FF0 — 255

Почему именно две цифры

Одна шестнадцатеричная цифра заменяет четыре двоичных разряда. Значит, две цифры заменяют восемь битов, а это ровно один байт — диапазон от 0 до 255. Так каждый цветовой канал помещается в один байт.

Разбор примера

Код #FF8000
красный = FF = 15·16 + 15 = 255
зелёный = 80 = 8·16 + 0 = 128
синий = 00 = 0
Получаем оранжевый цвет: R=255, G=128, B=0

И наоборот: если составляющие равны 0, 128, 255, то переводим каждую в шестнадцатеричный вид и получаем код #0080FF.

Как переводить пару цифр

Чтобы перевести шестнадцатеричную пару в десятичное число, первую цифру умножают на шестнадцать и прибавляют вторую. Буквы соответствуют числам: A — десять, B — одиннадцать, и так далее до F — пятнадцать.

Шестнадцатеричная цифраДесятичное значение
A10
C12
E14
F15

Обратный перевод из десятичного числа в пару цифр выполняют делением с остатком на шестнадцать: частное даёт первую цифру, остаток — вторую.

Перевести 200 в шестнадцатеричный вид:
200 div 16 = 12 → цифра C
200 mod 16 = 8 → цифра 8
Ответ: C8

Связь с двоичной записью

Шестнадцатеричный код удобен ещё и тем, что легко переводится в биты: каждая цифра заменяется ровно четырьмя двоичными разрядами. Поэтому веб-цвет можно быстро развернуть в полную двоичную запись из 24 битов.

Шестнадцатеричная цифраЧетыре бита
00000
81000
F1111

Сколько всего цветов

Каждый канал принимает 256 значений. Всего различных цветов получается 256 · 256 · 256, то есть около шестнадцати миллионов. Такую палитру называют «истинным цветом», и человеческий глаз практически не различает соседние оттенки.

Запомни: код #000000 — чёрный (все каналы выключены), #FFFFFF — белый (все каналы на максимуме), а одинаковые значения каналов дают оттенок серого.

Кратко о главном

  • Цвет записывают шестью шестнадцатеричными цифрами после знака решётки.
  • Пары цифр задают красный, зелёный и синий каналы.
  • Одна пара — это один байт, значения от 0 до 255.
  • Чёрный — все нули, белый — все максимумы.