Что такое 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.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти