顏色轉(zhuǎn)換工具，可以將十六進(jìn)制顏色，轉(zhuǎn)換成以 RGB、 HSL 以及 HSV 等不同格式的顏色表示（當(dāng)然，也可把這些格式轉(zhuǎn)換成十六進(jìn)制顏色）；本工具提供了多種格式的轉(zhuǎn)換結(jié)果以及相應(yīng)的預(yù)覽效果，是網(wǎng)頁(yè)設(shè)計(jì)師、平面設(shè)計(jì)師、視覺(jué)設(shè)計(jì)者、前端工程師的必備工具。

使用說(shuō)明

本工具的使用方法非常簡(jiǎn)單，在顏色文本框中輸入一個(gè)合法的顏色值，點(diǎn)擊「轉(zhuǎn)換顏色」按鈕，系統(tǒng)即可自動(dòng)把輸入的顏色轉(zhuǎn)換成各種不同的顏色格式。

其中，合法的顏色值，包括：

• 十六進(jìn)制顏色，如：#682ea4（可以不帶 # 號(hào)）
• RGB表示的顏色值，如：rgb(120, 17, 253) 或 rgb(47%, 7%, 99%)
• HSL表示的顏色值，如：hsl(160, 15%, 53%)
• HSV表示的顏色值，如：hsv(17, 61%, 75%)
• W3C定義的顏色名稱，如：darkviolet

本工具提供了多種便利的方式，讓您可以快速選擇希望的顏色。

1、直接輸入顏色值

您可以直接在文本框中輸入顏色值進(jìn)行轉(zhuǎn)換（參考上面關(guān)于「合法的顏色值」的說(shuō)明）

2、通過(guò)顏色選擇器選擇顏色

我們提供了顏色選擇器，讓您可以更直觀的選擇要轉(zhuǎn)換的顏色，如下圖所示：

3、選擇預(yù)定義的顏色值

除了顏色選擇器，本工具還提供了選擇預(yù)定義的顏色功能。點(diǎn)擊「選擇一個(gè)顏色」鏈接后，將彈出預(yù)定義顏色對(duì)話框（預(yù)定義顏色是 W3C 組織定義的一組顏色集合），您可以從這里面選擇一個(gè)顏色。

轉(zhuǎn)換結(jié)果說(shuō)明

當(dāng)顏色轉(zhuǎn)換成功后，轉(zhuǎn)換結(jié)果將展示所有支持格式對(duì)應(yīng)的顏色值。包括以下幾項(xiàng)：

1、顏色名稱

如果輸入的顏色值能夠?qū)?yīng) W3C 預(yù)定義顏色中某一個(gè)顏色值，那么，這里將顯示實(shí)際的顏色名稱，如：lightcoral

2、十六進(jìn)制（請(qǐng)參考16進(jìn)制顏色表示法）

這里將顯示顏色值對(duì)應(yīng)的十六進(jìn)制表示（由 6 位十六進(jìn)制字符組成），如：#e23d66

3、十六進(jìn)制 (Hex8)

同上，這里將顯示顏色值對(duì)應(yīng)的十六進(jìn)制表示；除了 6 位表示顏色的字符外，還包括用于表示顏色「透明度」的 2 位字符，如：#83ff50ec，該值的后 2 位 ec 表示透明度

4、RGB顏色值（請(qǐng)參考RGB顏色標(biāo)記法）

這里將顯示以 RGB 格式表示的顏色值，RGB 這 3 個(gè)字母分別表示：紅色(Red)、綠色(Green) 和藍(lán)色(Blue)，如：rgb(240, 128, 40)

5、RGB(百分比)

這里也是以 RGB 格式來(lái)表示顏色值，只是以百分比的形式出現(xiàn)，如：rgb(94%, 50%, 50%)

6、HSL顏色值

這里將顯示以 HSL 格式表示的顏色值，HSL表示色相(Hue)、飽和度(Saturation) 和亮度(Lightness)，如：hsl(51, 100%, 50%)

7、HSV顏色值

這里將顯示以 HSV 格式表示的顏色值，HSV表示色相(Hue)、飽和度(Saturation) 和明度(Value)，如：hsv(224, 60%, 58%)

另外，本工具還提供了顏色預(yù)覽功能，可以直觀的看到所選顏色的最終效果。

附：關(guān)于顏色的補(bǔ)充說(shuō)明

三原色

在五彩繽紛的世界中，人們的眼睛對(duì)紅色、綠色、藍(lán)色最為敏感，人的眼睛就像一個(gè)三色接收器，大多數(shù)的顏色可以通過(guò)紅、綠、藍(lán)這三種顏色按照不同的比例合成產(chǎn)生。同樣的，絕大多數(shù)單色光也可以分解成紅、綠、藍(lán)這三種色光，這就是「色度學(xué)」的最基本的原理，也稱三原色原理。

簡(jiǎn)單來(lái)說(shuō)，三原色就是指三種不能由另外兩種原色混合產(chǎn)生的顏色，而其它顏色則可以由這三種色按照一定的比例混合出來(lái)，因此，我們把三個(gè)獨(dú)立的顏色稱為三原色。至于是哪三種，在不同的行業(yè)有不同的定義，比如，在互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)中，三原色就是我們熟知的紅(Red)、綠(Green)、藍(lán)(Blue)；而在印刷行業(yè)，三原色指的是紅、青、黃。

混色理論

色彩的混合，分為加法混合和減法混合，色彩還可以在進(jìn)入視覺(jué)之后才發(fā)生混合，這稱為中性混合。

加法混合是指色光的混合，兩種以上的光混合在一起，光亮度會(huì)提高，混合色的光的總亮度等于相混各色光亮度之和；減法混合主要是指的色料的混合；中性混合是基于人的視覺(jué)生理特征所產(chǎn)生的視覺(jué)色彩混合，而并不變化色光或發(fā)光材料本身，混色效果的亮度既不增加也不減低，所以稱為中性混合。

三原色配色表

色光三原色是紅、綠、藍(lán)，我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中用到的三原色就是這種，基本的配色組合如下：

(紅) + (綠) = (黃)
(藍(lán)) + (綠) = (青)
(紅) + (藍(lán)) = (品)）
(綠) + (藍(lán)) + (紅) = (白)

印刷三原色是品紅、青、黃，它們的配色組成如下：

(青) + (品紅) = (藍(lán))
(品紅) + (黃) = (紅)
(黃) + (青) = (綠)
(青) + (品紅) + (黃) = (黑)

顏料三原色（也稱為美術(shù)三原色）是紅、黃、藍(lán)，它們的配色組成如下：

(紅) + (黃) = (橙)
(藍(lán)) + (紅) = (紫)
(藍(lán)) + (黃) = (綠)

RGB顏色標(biāo)記法

RGB 色彩的標(biāo)記方式是 RGB(0-255, 0-255, 0-255)，其中括號(hào)內(nèi)以逗號(hào)分隔的三組數(shù)值恰好是紅、綠、藍(lán)的色彩數(shù)值，數(shù)值范圍是 0-255 ，表示顏色值的多少。

RGB 混色原是典型的加法混色。

例如：

• RGB(0, 0, 0) 表示紅、綠、藍(lán)三種色都沒(méi)有，也就是黑色
• RGB(255, 255, 255) 是指紅、綠、藍(lán)都取最大值，這種情況，就成了白色
• RGB(255, 0, 0) 表示紅色取最大值，綠色和藍(lán)色沒(méi)有，那最終就是紅色

我們可以理解成：數(shù)值越大越亮、數(shù)值越小則越黑。

16進(jìn)制(Hex)顏色表示法

16進(jìn)制顏色形式為 # + 6位16進(jìn)制的數(shù)值，即 #RRGGBB 的形式，每?jī)晌粩?shù)字代表一種原色。其中，前兩位表示紅色；中間兩位表示綠色；最后兩位表示藍(lán)色。每位數(shù)字取值范圍是 0-F（16進(jìn)制取值范圍就是 0-F）。

同 RGB 顏色表示法類似，0 最小，F 最大，#000000 表示黑色，#FFFFFF 表示白色，#FF0000 表示紅色。

注意：6位16進(jìn)制可縮寫(xiě)成3位16進(jìn)制來(lái)表示，如：#FFF，這三位分別表示紅、綠、藍(lán)這三種原色。