Используйте значения RGB для цветных элементов
Еще один способ отображения цветов в CSS - использование значений RGB
. Значение RGB для черного выглядит так: rgb(0, 0, 0)
Значение RGB для белого выглядит следующим образом: rgb(255, 255, 255)
Вместо того, чтобы использовать шесть шестнадцатеричных цифр, например, с шестнадцатеричным кодом, с RGB
вы укажете яркость каждого цвета числом от 0 до 255 (то есть шестнадцатеричные значения представлены в привычной нам десятиричной системе). Если вы правильно посчитаете, две цифры для одного цвета равные 16 на 16, что дает нам всего 256 значений. Таким образом, RGB
начинает отсчет с нуля, и имеет то же количество возможных значений, что и шестнадцатеричный код. Вот пример того, как изменить фон body
на оранжевый, используя его код RGB.
body {
background-color: rgb(255, 165, 0);
}
Давайте заменим шестнадцатеричный код в цвете фона нашего body
на значение RGB для черного: rgb(0, 0, 0)