顏色
CSS顏色
可以用一下方法來規(guī)定CSS中的顏色:
●十六進制色
●RGB顏色
●RGBA顏色
●HSL顏色
●HSLA顏色
●預(yù)定義/跨瀏覽器顏色名
十六進制顏色
所有瀏覽器都支持十六進制顏色值。
十六進制顏色是這樣規(guī)定的:#RRGGBB,其中的RR(紅色)、GG(綠色)、BB(藍色)十六進制整數(shù)規(guī)定了顏色的成分。所有值必須介于0與FF之間。
舉例說,#0000ff值顯示為藍色,這是因為藍色成分被設(shè)置為最高值(ff),而其他成分被設(shè)置為0。
RGB顏色
所有瀏覽器都支持RGB顏色值是這樣規(guī)定的:rgb(red,green,blue)。每個參數(shù)(red,green以及blue)定義顏色的強度,可以是介于0與255之間的整數(shù),或者是百分比值(從0%到100%)。
舉例說,rgb(0,0,255)值顯示為藍色,這是因為blue參數(shù)被設(shè)置為最高值(255),而其他被設(shè)置為0。同樣的,下面的值定義了相同的顏色:rgb(0,0,255)和rgb(0%,0%,100%)。
RGBA顏色
RGBA顏色值得到以下瀏覽器的支持:IE9+、Firefox 3+、Chrome、Safari以及Opera 10+。
RGBA顏色值是RGB顏色值的擴展,帶有一個alpha通道-它規(guī)定了對象的不透明度。
RGBA顏色值是這樣規(guī)定的:rgba(red,green,blue,alpha)。alpha參數(shù)是介于0.0(完全透明)與1.0(完全不透明)的數(shù)字。
HSL顏色
HSL顏色值得到以下瀏覽器的支持:IE9+、Firefox、Chrome、Safari以及Opera 10+。
HSL指的是hue(色調(diào))、saturation(飽和度)、lightness(亮度)- 表示顏色柱面坐標坐標表示法。
HSL顏色值是這樣規(guī)定的:hsl(hue,saturation,lightness)。
Hue是色盤上的度數(shù)(從0到360)- 0(或360)是紅色,120是綠色,240是藍色。Saturation是百分比值;0%意味著灰色,而100%是全彩。Lightness同樣是百分比值;0%是黑色,100%是白色。
HSLA顏色
HSLA顏色值得到以下瀏覽器的支持:IE9+、Firefox 3+、Chrome、Safari以及Opera 10+。
HSLA顏色值是HSL顏色值的擴展,帶有一個alpha通道 - 它規(guī)定了對象的不透明度。
HSLA顏色值是這樣來規(guī)定的:hsla(hue,saturation,lightness,alpha),其中的alpha參數(shù)定義和不透明度。alpha參數(shù)是介于0.0(完全透明)與1.0(不完全透明)的數(shù)字。
浙公網(wǎng)安備 33010602011771號