CSS 顏色代碼有兩種,一種是六位色值代碼,另一種是三位色值代碼。六位色值代碼是由紅、綠、藍三種顏色通道的取值范圍(00~FF)組成,比如紅色的六位色值代碼是 #FF0000,綠色的六位色值代碼是 #00FF00,藍色的六位色值代碼是 #0000FF。而三位色值代碼則是由六位色值代碼縮寫而來的,如 #FF0000 可以縮寫為 #F00,縮寫時每個通道的值是與自己相同的。
/* 含三位色值代碼的CSS代碼示例 */ body { background-color: #F00; color: #0F0; border: 2px solid #00F; }
三位色值代碼雖然可以簡化代碼的長度,但也帶來了一些局限性。三位色值代碼縮寫時每個通道的值與自己相同,因此有些顏色無法使用三位色值代碼表示。比如 #AA33FF 如果采用三位色值代碼縮寫,得到的代碼應該是 #A3F,但這樣縮寫后的顏色與原來的顏色有所區別,因此不能使用三位色值代碼表示。