③ Числовые значения цвета, модели RGB
Продолжим изучение темы CSS - цвета. Если пропустили прошлые статьи, то вот ссылки на них:
Формат значения RGB в шестнадцатеричном формате — это знак #
, за которым сразу следуют три или шесть шестнадцатеричных символов. Трехзначная запись RGB #rgb
преобразуется в шестизначную форму #rrggbb
путем копирования цифр, а не путем добавления нулей. Например, #fb0
расширяется до #ffbb00
. Это гарантирует, что белый #ffffff
может быть указан в короткой записи #fff
, и удаляет любые зависимости от глубины цвета дисплея.
Формат значения RGB в функциональной нотации — rgb
,( за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует символ). Целочисленное значение 255
соответствует 100%
и F
или FF
в шестнадцатеричной записи:
rgb (255,255,255) = rgb (100%, 100%, 100%) = #FFF
Символы пробела допускаются вокруг числовых значений.
Все цвета RGB указываются в цветовом пространстве sRGB. Пользовательские агенты могут различаться в точности, с которой они представляют эти цвета, но использование sRGB дает однозначное и объективно измеримое определение того, каким должен быть цвет.
Значения за пределами диапазона устройства должны быть обрезаны или отображены в известном диапазоне: значения красного, зеленого и синего необходимо изменить, чтобы они попадали в диапазон, поддерживаемый устройством. Некоторые устройства, например принтеры, имеют диапазоны, отличные от sRGB, поэтому некоторые цвета за пределами диапазона 0..255
sRGB будут представимы (внутри диапазона устройства) и будут отображаться.
Синтаксис
CSS
color: #fb0; color: #ffbb00; color: rgb(255,0,0); color: rgb(100%, 0%, 0%);
Продолжение в следующей статье!