顏色

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ù)字。