有三種表示方法:
(1)色彩關鍵字:例如 red, blue, brown;
(2)使用RGB立體座標(RGB cubic-coordinate)系統:十六進位制符號 #RRGGBB 和#RGB,如#f00,#ff0000,RGB(255,0,0),RGB(100%,0,0)均表示紅色;
(3)使用 hsl() 函式符,色相-飽和度-明度(Hue-saturation-lightness)模式,如hsl(0,100%,100%)表示紅色。
紅色:red,#f00,RGB(255,0,0),hsl(0,100%,100%)
綠色:green,#0f0,RGB(0,255,0),hsl(120,100%,100%)
藍色:blue,#00f,RGB(0,0,255),hsl(240,100%,100%)
白色:white,#fff,RGB(255,255,255),hsl(0,0,100%)
黑色:black,#000,RGB(0,0,0),hsl(0,0,0)
透明黑色:rgba(0,0,0,0),hsla(0,0,0,0)
#ccc:灰色,等於rgb(204,204,204)
#eee:淺灰色,等於rgb(238,238,238)
#333:深灰色,等於rgb(51,51,51)
有三種表示方法:
(1)色彩關鍵字:例如 red, blue, brown;
(2)使用RGB立體座標(RGB cubic-coordinate)系統:十六進位制符號 #RRGGBB 和#RGB,如#f00,#ff0000,RGB(255,0,0),RGB(100%,0,0)均表示紅色;
(3)使用 hsl() 函式符,色相-飽和度-明度(Hue-saturation-lightness)模式,如hsl(0,100%,100%)表示紅色。
紅色:red,#f00,RGB(255,0,0),hsl(0,100%,100%)
綠色:green,#0f0,RGB(0,255,0),hsl(120,100%,100%)
藍色:blue,#00f,RGB(0,0,255),hsl(240,100%,100%)
白色:white,#fff,RGB(255,255,255),hsl(0,0,100%)
黑色:black,#000,RGB(0,0,0),hsl(0,0,0)
透明黑色:rgba(0,0,0,0),hsla(0,0,0,0)
#ccc:灰色,等於rgb(204,204,204)
#eee:淺灰色,等於rgb(238,238,238)
#333:深灰色,等於rgb(51,51,51)