color 屬性規(guī)定文本的顏色。
| 值 | 描述 |
|---|---|
| color_name | 規(guī)定顏色值為顏色名稱的顏色（比如 red）。 |
| hex_number | 規(guī)定顏色值為十六進(jìn)制值的顏色（比如 #ff0000）。 |
| rgb_number | 規(guī)定顏色值為 rgb 代碼的顏色（比如 rgb(255,0,0)）。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承顏色。 |
| 單位 | 描述 |
|---|---|
| (顏色名) | 顏色名稱 (比如 red) |
| rgb(x,x,x) | RGB 值 (比如 rgb(255,0,0)) |
| rgb(x%, x%, x%) | RGB 百分比值 (比如 rgb(100%,0%,0%)) |
| #rrggbb | 十六進(jìn)制數(shù) (比如 #ff0000) |
body
{
color:red;
}
h1
{
color:#00ff00;
}
p
{
color:rgb(0,0,255);
}
從 0 到 255 種紅綠藍(lán)值能夠組合出總共超過(guò)一千六百萬(wàn)種不同的顏色（根據(jù) 256 x 256 x 256 計(jì)算）。
大多數(shù)現(xiàn)代的顯示器都能顯示出至少 16384 種不同的顏色。
可以用以下方法來(lái)規(guī)定 CSS 中的顏色：
- 十六進(jìn)制色
- RGB 顏色
- RGBA 顏色
- HSL 顏色
- HSLA 顏色
- 預(yù)定義/跨瀏覽器顏色名
1、十六進(jìn)制顏色
所有瀏覽器都支持十六進(jìn)制顏色值。
十六進(jìn)制顏色是這樣規(guī)定的：
RRGGBB，其中的 RR（紅色）、GG（綠色）、BB（藍(lán)色）十六進(jìn)制整數(shù)規(guī)定了顏色的成分。
所有值必須介于 0 與 FF 之間。
舉例說(shuō)，#0000ff 值顯示為藍(lán)色，這是因?yàn)樗{(lán)色成分被設(shè)置為最高值（ff），而其他成分被設(shè)置為 0。
在CSS中只要十六進(jìn)制的顏色每?jī)晌坏闹刀际且粯拥? 那么就可以簡(jiǎn)寫為一位
例如: #FFEE00 == #FE0
p
{
background-color:#0000ff;
}
2、RGB 顏色
所有瀏覽器都支持 RGB 顏色值。
RGB 顏色值是這樣規(guī)定的：rgb(red, green, blue)。
每個(gè)參數(shù) (red、green 、 blue) 定義顏色的強(qiáng)度，可以是介于 0 與 255 之間的整數(shù)，或者是百分比值（從 0% 到 100%）。
舉例說(shuō)，rgb(0,0,255) 值顯示為藍(lán)色，這是因?yàn)?blue 參數(shù)被設(shè)置為最高值（255），而其他被設(shè)置為 0。
同樣地，這兩個(gè)值定義了相同的顏色：rgb(0,0,255) 和 rgb(0%,0%,100%)。
p
{
background-color:rgb(255,0,0);
}
3、RGBA 顏色
RGBA 顏色值是 RGB 顏色值的擴(kuò)展，帶有一個(gè) alpha 通道 - 它規(guī)定了對(duì)象的不透明度。
RGBA 顏色值是這樣規(guī)定的：rgba(red, green, blue, alpha)。
alpha 參數(shù)是介于 0.0（完全透明）與 1.0（完全不透明）的數(shù)字，取值越小就越透明。
p
{
background-color:rgba(255,0,0,0.5);
}
4、HSL 顏色
HSL 指的是 hue（色調(diào)）、saturation（飽和度）、lightness（亮度） - 表示顏色柱面坐標(biāo)表示法。
HSL 顏色值是這樣規(guī)定的：hsl(hue, saturation, lightness)。
Hue 是色盤上的度數(shù)（從 0 到 360） - 0 (或 360) 是紅色，120 是綠色，240 是藍(lán)色。
Saturation 是百分比值；0% 意味著灰色，而 100% 是全彩。
Lightness 同樣是百分比值；0% 是黑色，100% 是白色。
p
{
background-color:hsl(120,65%,75%);
}
5、HSLA 顏色
HSLA 顏色值是 HSL 顏色值的擴(kuò)展，帶有一個(gè) alpha 通道 - 它規(guī)定了對(duì)象的不透明度。
HSLA 顏色值是這樣規(guī)定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 參數(shù)定義不透明度。alpha 參數(shù)是介于 0.0（完全透明）與 1.0（完全不透明）的數(shù)字。
p
{
background-color:hsla(120,65%,75%,0.3);
}
6、顏色名字
HTML 和 CSS 顏色規(guī)范中定義了 147 中顏色名（17 種標(biāo)準(zhǔn)顏色加 130 種其他顏色）。
p{
color:red;
}
最常用還是前面2種，所有的瀏覽器都支持。
http://www.w3school.com.cn/cssref/pr_text_color.asp
http://www.w3school.com.cn/cssref/css_colornames.asp
http://www.w3school.com.cn/cssref/css_colorsfull.asp
