一、顏色名
大多數的瀏覽器都支持顏色名集合。
僅僅有 16 種顏色名被 W3C 的 HTML4.0 標准所支持。它們是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。
其實這里面只需要記住下面幾個常用的就行了：
| 序號 |
顏色名 |
意思 |
| 1 |
red |
紅色 |
| 2 |
green |
綠色 |
| 3 |
blue |
藍色 |
| 紅綠藍是顏色3原色，按不同比例混合可以得到其他顏色 |
||
| 4 |
black |
黑色 |
| 5 |
white |
白色 |
| 6 |
gray |
灰色 |
| 黑白灰用的比較多 |
||
使用的方法也很簡單，比如設置網頁的背景為灰色，效果如下：
代碼如下：
<html> <body style=" background-color : gray"> </body> </html>
說明：
background-color屬性設置的就是背景色，這里把樣式放到了body標簽中，設置的背景色就會對整個網頁起作用。
屬性值為gray，就是灰色，屬性和值中間是用冒號。
二、顏色值
顏色由一個十六進制符號來定義，這個符號由紅色、綠色和藍色的值組成（RGB）。每種顏色的最小值是 0（十六進制：#00）。最大值是 255（十六進制：#FF）。
十進制使用0到9表示，最大的是9；
十六進制使用0到F來表示，最大的是F，代表15，對於字母，大小寫都一樣。
下面是對照關系：
| 十進制數字 |
十六進制數字 |
| 0到9 |
0到9 |
| 10 |
A |
| 11 |
B |
| 12 |
C |
| 13 |
D |
| 14 |
E |
| 15 |
F |
對於進制之間的轉換，可以使用windows自帶的“計算器”，如下圖：
在查看里面選擇“程序員”，就會變成這個樣子。
默認輸入的是10進制數字，當你輸入100之后，想要查看對應的16進制，只需要將第一個單選框選擇到“十六進制”，輸入框中就就自動將100轉為16進制的數字了。
對紅綠藍，每種顏色使用兩位16進制數字表示，最小的為00，最大的為FF（對應10進制的255）。
顏色值前面要加一個#號，比如 #40A4FF，它們是按照紅綠藍的順序排的，這里紅為40，綠為A4，藍為FF(最大值)，值越大，這個顏色的所占比例越大，效果如圖：
上面介紹的幾個顏色值如下：
| 序號 |
顏色名 |
意思 |
顏色值 |
| 1 |
red |
紅色 |
#FF0000 |
| 2 |
green |
綠色 |
#00FF00 |
| 3 |
blue |
藍色 |
#0000FF |
| 4 |
black |
黑色 |
#000000 |
| 5 |
white |
白色 |
#FFFFFF |
| 6 |
gray |
灰色 |
#808080 |
可以看出，如果需要顯示紅色，設置紅色最大FF，其他兩個設置為00；
當世界上什么都沒有的時候，昏天暗地，一片漆黑，這就是黑色值#000000；
三、顏色值的其他表示方法
1，RGB(紅,綠,藍)
可以這樣表示顏色，比如RGB(0,88,250)，外面是RGB或rgb都行，后面加小括號()，里面的值使用英文的逗號隔開，值必須是10進制的，最小0，最大255。
2，RGB(紅%,綠%,藍%)
也可以使用百分比來表示，比如RGB(10%,50%,100%)，后面加小括號()，里面的值使用英文的逗號隔開，值為這種顏色的百分比，最小0，最大100%。
不過，一般都使用16進制的方式來表示顏色值，大多數這些顏色值都是美工設計網頁的時候根據圖片獲取到的。
四、如何獲取顏色值
搜了好久，對比了好幾種取色工具，最終找到了一款非常滿意的小工具，叫TheColorPickerSetup，軟件截圖如下：
使用方法也很簡單：
(1)單擊 圖標“管子”開始取色；
(2)右擊鼠標，取色完成，然后可以將HEX對應框中的值復制出來，就是對應的16進制顏色值。
(3)同時，可以看到對應的RGB值。確實是操作簡單，方便易用啊。
搜軟件的時候，居然從一些國外軟件的官網上下載了一些替代軟件，從國內網站上下載時，一不小心就有可能下載到其他的替代軟件，告訴新手一個下載軟件的小技巧：
(1) 如下圖：真的下載地址可能並不明顯，那個大的“立即下載”其實指的是“百度安全套裝”。
(2) 而且，下載軟件時，如果直接彈出來的就是 .exe為后綴的文件，一般都是假的，尤其是setup.exe，一般都是一些軟件安裝包。正常的程序一般都會壓縮一下供你下，后綴為.rar或者.zip。
為了節省大家的時間，我把它共享到了百度網盤中，需要的可以下載一下，需要安裝。
地址如下：
http://pan.baidu.com/s/1kToQiuN