Цвета RGB
Названия цветов удобны, но green — довольно яркий, насыщенный зелёный. Для более спокойных заголовков нужен оттенок, у которого нет названия. Для этого и нужны цвета RGB.
Экран создаёт любой цвет, смешивая красный, зелёный и синий свет: каждая его точка (пиксель) состоит из трёх ещё более крошечных огоньков этих цветов. RGB — это первые буквы английских слов red (красный), green (зелёный) и blue (синий). Цвет RGB говорит, насколько ярко горит каждый из трёх огоньков, по шкале от 0 (выключен) до 255 (полная яркость):
h1 {
color: rgb(255, 0, 0);
}rgb() — это функция: имя, за которым в скобках через запятую идут значения. Здесь красный горит на полную яркость, а зелёный и синий выключены, поэтому заголовок красный. Ещё несколько примеров:
rgb(255, 255, 0)— жёлтый: красный и зелёный свет вместе дают жёлтый,rgb(0, 0, 0)— чёрный: все огоньки выключены,rgb(255, 255, 255)— белый: все горят на полную яркость,rgb(128, 128, 128)— серый: если все три числа одинаковы, получается серый, и чем больше числа, тем он светлее.
Каждое из трёх чисел может принимать 256 значений (от 0 до 255), что даёт 256 × 256 × 256 — больше 16 миллионов цветов.
Угадывать числа не нужно: графические программы и онлайн-палитры (поищите «color picker») показывают значения RGB любого выбранного цвета.
Задание
- 1
В правиле для
h2замените значениеcolorсgreenнаrgb(71, 105, 88)— спокойный сероватый зелёный.