CSS顏色表示

你可能會疑惑為什麼我們使用6位數來表示一種顏色而不是只用一位或二位，答案是使用6位數可提供給我們巨大數量的顏色變化。

會有多少種可能的顏色？16 個值（0~F）和 6 個位置意味著我們有 16 的 6 次方，或者說超過 1600 萬種可能的顏色。

Hex code 遵循 red-green-blue（紅-綠-藍），或者叫 rgb 格式。hex code 中的前兩位表示顏色中紅色的數量，第三四位代表綠色的數量，第五六位代表藍色的數量。

所以要得到絕對的純紅色，你只需要在第一和第二位使用 F （最大可能的數值），且在第三、第四、第五和第六位使用 0 （最小可能數值）。

以下是一些常用顏色：

通過對 background-color 應用 hex code 值：

#FF0000（#F00） 可以把 body 元素的背景色設置為紅色；

#00FF00 可以把 body 元素的背景色設置為綠色；

#0000FF 可以把 body 元素的背景色設置為藍色；

#FFA500 可以把 body 元素的背景色設置為橙色；

#808080 可以把 body 元素的背景色設置為灰色；

#111111 可以把 body 元素的背景色設置為深灰色。

在 CSS 中表示顏色的另一個方法是使用 rgb值。

代表黑色的 RGB 值看起來是下麵的樣子：

rgb(0, 0, 0)

代表白色的 RGB 值看起來是下麵的樣子：

rgb(255, 255, 255)

使用 rgb，你通過 0 至 255 之間的一個數字來指定每種顏色的亮度，而不是像 hex code 那樣使用六個十六進位數字。

如果你做個算術，16 乘以 16 總共有 256 個值，所以從零開始計數的 rgb，和 hex code 一樣有完全相同數量的可能數值。

紅色的 RGB 值：rgb(255, 0, 0);

綠色的 RGB 值：rgb(0, 255, 0);

藍色的 RGB 值：rgb(0, 0, 255);

橙色的 RGB 值：rgb(255, 165, 0);