Шестнадцатеричные цвета

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

Hex-цвет начинается с #, а дальше идут три пары символов: первая пара — красный, вторая — зелёный, третья — синий:

h1 {
	color: #ff0000;
}

Каждая пара — это число, записанное в шестнадцатеричной системе счисления. В привычной нам десятичной системе десять цифр (от 0 до 9). В шестнадцатеричной их шестнадцать: от 0 до 9, а затем буквы от a до f, где a = 10, b = 11 и так далее до f = 15. В двузначном шестнадцатеричном числе первая цифра считает шестнадцатки: ff = 15 × 16 + 15 = 255, а 80 = 8 × 16 + 0 = 128. Так что две шестнадцатеричные цифры охватывают ровно диапазон от 0 до 255, как и одно число в RGB.

Поэтому #ff0000 — тот же цвет, что и rgb(255, 0, 0): красный. Чёрный — это #000000, а белый — #ffffff. Буквы можно писать и строчными, и заглавными.

Если оба символа в каждой паре одинаковы, есть короткая запись из трёх символов: #fff означает #ffffff, а #f00 — #ff0000.

Теперь покрасим весь текст на странице. Отдельные правила для абзацев и для пунктов списка не нужны: color наследуется, поэтому достаточно задать его для body. Каждый элемент внутри получит этот цвет, если у него нет собственного. У заголовков h2 и у главного заголовка свои цвета, поэтому они их сохранят.