一、什么是RGB、HEX、HSL？

?

?無(wú)論是RGB、HEX、HSL，它們的作用只有一個(gè)：用數(shù)字表達(dá)出一種顏色。

1.RGB

RGB通過(guò)輸入的數(shù)值，將紅色、綠色和藍(lán)色的光源以一定的量混合在一起，形成顏色。

軟件中通常讓你輸入Red、Green、Bule對(duì)應(yīng)的三個(gè)整數(shù)的數(shù)值，且范圍必須在0-255之間。所以按道理來(lái)說(shuō)通過(guò)調(diào)節(jié)RGB的值，可以得到256*256*256=16777216種顏色！

以下表列出一些常用顏色的數(shù)值：

只要三色值相等即可，值越接近255，就越接近白色，反之亦然

顏色	RGB
紅色	(255, 0, 0)
橙色	(255, 128, 0)
黃色	(255, 255, 0)
綠色	(0, 255, 0)
藍(lán)色	(0, 0, 255)
紫色	(170, 0, 255)
黑色	(0, 0, 0)
白色	(255, 255, 255)
灰色	(128, 128, 128)

?補(bǔ)充

?

有些時(shí)候，除了Red, Green, Blue以外，還會(huì)有一個(gè)需要設(shè)置的數(shù)值，那就是Alpha（不透明度）。這時(shí)候我們把它們叫做RGBA，Alpha通?？捎锌蔁o(wú)。Alpha值通常在0.0與1.0之間，1.0表示完全不透明，0.0表示完全透明。

2.HEX

HEX原理和RGB相似，都是用Red、Green、Bule相混合所產(chǎn)生的顏色，只不過(guò)換成了十六進(jìn)制。

HEX格式：#rrggbb

3.HSL

HSL表示色相（Hue）、飽和度（Saturation）、亮度（Lightness）。結(jié)構(gòu)是：hsl(hue, saturation%, lightness%)。其中飽和度和亮度是百分比，不是數(shù)值。

二、顏色值

顏色由十六進(jìn)制符號(hào)來(lái)定義，這個(gè)符號(hào)由紅色、綠色和藍(lán)色的值組成（RGB)。每種顏色的最小值是0（十六進(jìn)制：#00），最大值255（十六進(jìn)制#FF）。

?三、顏色名

僅僅有 16 種顏色名被 W3C 的 HTML4.0 標(biāo)準(zhǔn)所支持。它們是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。

如果需要使用其他的顏色，需要使用十六進(jìn)制的顏色值。

下面是HTML官網(wǎng)給出的顏色名部分列表（侵權(quán)刪）：

四、Web安全色

數(shù)年以前，當(dāng)大多數(shù)計(jì)算機(jī)僅支持 256 種顏色的時(shí)候，一系列 216 種 Web 安全色作為 Web 標(biāo)準(zhǔn)被建議使用。

最初，216 跨平臺(tái) web 安全色被用來(lái)確保：當(dāng)計(jì)算機(jī)使用 256 色調(diào)色板時(shí)，所有的計(jì)算機(jī)能夠正確地顯示所有的顏色。

下面是HTML官網(wǎng)給出的216跨平臺(tái)色（侵權(quán)刪）：