Название

Формат RGB для задания цвета в CSS.

Что такое RGB модель цвета, можно почитать здесь.

В CSS тоже можно работать с RGB моделью цвета.

В случае использования 16-ричного представления цвета, перед указанием цвета ставится знак решетки (#).

Допускается сокращенная запись цвета: вместо 6-значного числа можно указать трехзначное. Это допустимо, когда два символа в значении цвета повторяются.

Происходит следующее преобразование:

#rgb  --->  #rrggbb

Например, #ffffff можно сокращенно написать так #fff, или #112233 можно записать в виде #123.

em { color: #f00 }              /* #rgb */
em { color: #ff0000 }           /* #rrggbb */

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

rgb (r , g, b)

Здесь r, g, b – это числа в диапазоне от 0 до 255, которые характеризуют  интенсивность красного, зеленого и синего цветов.

em { color: rgb(255,0,0) }

Вместо цифр, возможно указание процентов. В этом случае числу 255 будет соответствовать 100%, а 0 – 0%.

em { color: rgb(100%,0%,7%) }

Если указать число более 255, то оно будет приведено к 255.

em { color: rgb(300,0,0) }       /* цвет все равно отобразится как rgb(255,0,0) */

На этом на сегодня все. Мы с вами рассмотрели основные значения свойств CSS, с которыми приходится встречаться на практике.

Можете использовать эту информацию как справочный материал, если вам встретится какое-либо незнакомое свойство CSS.

Назад Далее