編程教程CSS 合法顏色值
CSS合法顏色值
CSS Colors
CSS的顏色可以通過(guò)以下方法指定：
- 十六進(jìn)制顏色
- RGB顏色
- RGBA顏色
- HSL色彩
- HSLA顏色
- 預(yù)定義/跨瀏覽器的顏色名稱(chēng)
十六進(jìn)制顏色
所有主要瀏覽器都支持十六進(jìn)制顏色值。
指定一個(gè)十六進(jìn)制的顏色其組成部分是：＃RRGGBB，其中RR（紅色），GG（綠色）和BB（藍(lán)色）。所有值必須介于0和FF之間。
<p例如，＃0000FF值呈現(xiàn)為藍(lán)色，因?yàn)樗{(lán)色的組成設(shè)置為最高值（FF）而其他設(shè)置為0。實(shí)例
{
background-color:#ff0000;
}
RGB顏色
RGB顏色值在所有主要瀏覽器都支持。
RGB顏色值指定：RGB（紅，綠，藍(lán)）。每個(gè)參數(shù)（紅色，綠色和藍(lán)色）定義顏色的亮度，可在0和255之間，或一個(gè)百分比值（從0％到100％）之間的整數(shù)。
例如RGB（0,0,255）值呈現(xiàn)為藍(lán)色，因?yàn)樗{(lán)色的參數(shù)設(shè)置為最高值（255）而其他設(shè)置為0。
此外，下面的值定義相同的顏色：RGB（0,0,255），RGB（0％，0％，100％）。
實(shí)例
{
background-color:rgb(255,0,0);
}
RGBA顏色
RGBA顏色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。
RGBA顏色值是RGB顏色值alpha通道的延伸 - 指定對(duì)象的透明度。
RGBA顏色值指定：RGBA（紅，綠，藍(lán)，alpha）。 Alpha參數(shù)是一個(gè)介于0.0（完全透明）和1.0（完全不透明）之間的參數(shù)。
實(shí)例
{
background-color:rgba(255,0,0,0.5);
}
HSL顏色
IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL顏色值。
HSL代表色相，飽和度和亮度 - 使用色彩圓柱坐標(biāo)表示。
HSL顏色值指定：HSL（色調(diào)，飽和度，明度）。
色相是在色輪上的程度（從0到360）-0（或360）是紅色的，120是綠色的，240是藍(lán)色的。飽和度是一個(gè)百分比值;0％意味著灰色和100％的陰影，是全彩。亮度也是一個(gè)百分點(diǎn);0％是黑色的，100％是白色的。
實(shí)例
{
background-color:hsl(120,65%,75%);
}
HSLA顏色
HSLA顏色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.
HSLA的顏色值是一個(gè)帶有alpha通道的HSL顏色值的延伸 - 指定對(duì)象的透明度。
指定HSLA顏色值：HSLA（色調(diào)，飽和度，亮度，α），α是Alpha參數(shù)定義的不透明度。 Alpha參數(shù)是一個(gè)介于0.0（完全透明）和1.0（完全不透明）之間的參數(shù)。
實(shí)例
{
background-color:hsla(120,65%,75%,0.3);
}
預(yù)定義/跨瀏覽器的顏色名稱(chēng)
147是在HTML和CSS顏色規(guī)范預(yù)定義的顏色名稱(chēng)。你可以查看我們的預(yù)定義顏色名稱(chēng)表。