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);