顏色

CSS顏色

能夠用一下方法來規定CSS中的顏色：

●十六進制色

●RGB顏色

●RGBA顏色

●HSL顏色

●HSLA顏色

●預約義/跨瀏覽器顏色名

 

十六進制顏色

全部瀏覽器都支持十六進制顏色值。

十六進制顏色是這樣規定的：#RRGGBB，其中的RR（紅色）、GG（綠色）、BB（藍色）十六進制整數規定了顏色的成分。全部值必須介於0與FF之間。

舉例說，#0000ff值顯示爲藍色，這是由於藍色成分被設置爲最高值（ff），而其餘成分被設置爲0。

 

RGB顏色

全部瀏覽器都支持RGB顏色值是這樣規定的：rgb(red,green,blue)。每一個參數(red,green以及blue)定義顏色的強度，能夠是介於0與255之間的整數，或者是百分比值(從0%到100%)。

舉例說，rgb(0,0,255)值顯示爲藍色，這是由於blue參數被設置爲最高值(255)，而其餘被設置爲0。一樣的，下面的值定義了相同的顏色：rgb(0,0,255)和rgb(0%,0%,100%)。

 

RGBA顏色

RGBA顏色值獲得如下瀏覽器的支持：IE9+、Firefox 3+、Chrome、Safari以及Opera 10+。

RGBA顏色值是RGB顏色值的擴展，帶有一個alpha通道-它規定了對象的不透明度。

RGBA顏色值是這樣規定的：rgba(red,green,blue,alpha)。alpha參數是介於0.0(徹底透明)與1.0(徹底不透明)的數字。

 

HSL顏色

HSL顏色值獲得如下瀏覽器的支持：IE9+、Firefox、Chrome、Safari以及Opera 10+。

HSL指的是hue（色調）、saturation（飽和度）、lightness（亮度）- 表示顏色柱面座標座標表示法。

HSL顏色值是這樣規定的：hsl(hue,saturation,lightness)。

Hue是色盤上的度數（從0到360）- 0（或360）是紅色，120是綠色，240是藍色。Saturation是百分比值；0%意味着灰色，而100%是全綵。Lightness一樣是百分比值；0%是黑色，100%是白色。

 

HSLA顏色

HSLA顏色值獲得如下瀏覽器的支持：IE9+、Firefox 3+、Chrome、Safari以及Opera 10+。

HSLA顏色值是HSL顏色值的擴展，帶有一個alpha通道  -  它規定了對象的不透明度。

HSLA顏色值是這樣來規定的：hsla(hue,saturation,lightness,alpha)，其中的alpha參數定義和不透明度。alpha參數是介於0.0（徹底透明）與1.0（不徹底透明）的數字。