TML 顏色由紅色、綠色、藍色混合而成。

顏色值

HTML 顏色由一個十六進制符號來定義，這個符號由紅色、綠色和藍色的值組成（RGB）。

種顏色的最小值是0（十六進制：#00）。最大值是255（十六進制：#FF）。

這個表格給出了由三種顏色混合而成的具體效果：

顏色值

1600萬種不同顏色

三種顏色 紅，綠，藍的組合從0到255，一共有1600萬種不同顏色(256 x 256 x 256)。

在下面的顏色表中你會看到不同的結果，從0到255的紅色，同時設置綠色和藍色的值為0,隨著紅色的值變化，不同的值都顯示了不同的顏色。

灰暗色調

以下展示了灰色到黑色的漸變

Web安全色?

數年以前，當大多數計算機僅支持 256 種顏色的時候，一系列 216 種 Web 安全色作為 Web 標準被建議使用。其中的原因是，微軟和 Mac 操作系統使用了 40 種不同的保留的固定系統顏色（雙方大約各使用 20 種）。

我們不確定如今這么做的意義有多大，因為越來越多的計算機有能力處理數百萬種顏色，不過做選擇還是你自己。

最初，216 跨平臺 web 安全色被用來確保：當計算機使用 256 色調色板時，所有的計算機能夠正確地顯示所有的顏色。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

SS Colors

CSS的顏色可以通過以下方法指定：

• 十六進制顏色

• RGB顏色

• RGBA顏色

• HSL色彩

• HSLA顏色

• 預定義/跨瀏覽器的顏色名稱

十六進制顏色

所有主要瀏覽器都支持十六進制顏色值。

指定一個十六進制的顏色其組成部分是：＃RRGGBB，其中RR（紅色），GG（綠色）和BB（藍色）。所有值必須介于0和FF之間。

<p例如，＃0000FF值呈現為藍色，因為藍色的組成設置為最高值（FF）而其他設置為0。

實例

p

{

background-color:#ff0000;

}

RGB顏色

RGB顏色值在所有主要瀏覽器都支持。

RGB顏色值指定：RGB（紅，綠，藍）。每個參數（紅色，綠色和藍色）定義顏色的亮度，可在0和255之間，或一個百分比值（從0％到100％）之間的整數。

例如RGB（0,0,255）值呈現為藍色，因為藍色的參數設置為最高值（255）而其他設置為0。

此外，下面的值定義相同的顏色：RGB（0,0,255），RGB（0％，0％，100％）。

實例

p

{

background-color:rgb(255,0,0);

}

嘗試一下 ?

RGBA顏色

RGBA顏色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。

RGBA顏色值是RGB顏色值alpha通道的延伸 - 指定對象的透明度。

RGBA顏色值指定：RGBA（紅，綠，藍，alpha）。 Alpha參數是一個介于0.0（完全透明）和1.0（完全不透明）之間的參數。

實例

p

{

background-color:rgba(255,0,0,0.5);

}

HSL顏色

IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL顏色值。

HSL代表色相，飽和度和亮度 - 使用色彩圓柱坐標表示。

HSL顏色值指定：HSL（色調，飽和度，明度）。

色相是在色輪上的程度（從0到360）-0（或360）是紅色的，120是綠色的，240是藍色的。飽和度是一個百分比值;0％意味著灰色和100％的陰影，是全彩。亮度也是一個百分點;0％是黑色的，100％是白色的。

實例

p

{

background-color:hsl(120,65%,75%);

}

嘗試一下 ?

HSLA顏色

HSLA顏色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.

HSLA的顏色值是一個帶有alpha通道的HSL顏色值的延伸 - 指定對象的透明度。

指定HSLA顏色值：HSLA（色調，飽和度，亮度，α），α是Alpha參數定義的不透明度。 Alpha參數是一個介于0.0（完全透明）和1.0（完全不透明）之間的參數。

實例

p

{

background-color:hsla(120,65%,75%,0.3);

}

嘗試一下 ?

預定義/跨瀏覽器的顏色名稱

147是在HTML和CSS顏色規范預定義的顏色名稱。你可以查看我們的預定義顏色名稱表。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！