CSS使用顏色值來指定顏色。通常,它們用於爲元素的前景(即其文本)或元素的背景設置顏色。它們還可以用來影響邊框的顏色和其他裝飾效果。
可以以各種格式指定顏色值。下表列出了所有可能的格式−
Format | Syntax | Example |
---|---|---|
Hex Code | #RRGGBB | p{color:#FF0000;} |
Short Hex Code | #RGB | p{color:#6A7;} |
RGB % | rgb(rrr%,ggg%,bbb%) | p{color:rgb(50%,50%,50%);} |
RGB Absolute | rgb(rrr,ggg,bbb) | p{color:rgb(0,0,255);} |
keyword | aqua, black, etc. | p{color:teal;} |
這些格式在以下各節中有更詳細的說明;
CSS Colors - Hex Codes
十六進位是一種顏色的6位表示法。前兩位數字(RR)表示紅色值,後兩位數字表示綠色值(GG),最後一位數字表示藍色值(BB)。
十六進位值可以從任何圖形軟體(如Adobe Photoshop、Jasc Paintshop Pro)中獲取,甚至可以使用高級畫筆。
每個十六進位代碼前面都會有一個磅或哈希符號「35;」。下面是使用十六進位表示法的示例。
Color | Color HEX |
---|---|
#000000 | |
#FF0000 | |
#00FF00 | |
#0000FF | |
#FFFF00 | |
#00FFFF | |
#FF00FF | |
#C0C0C0 | |
#FFFFFF |
CSS Colors - Short Hex Codes
這是六位數表示法的簡稱。在這種格式中,每個數字都被複製,以得到一個相等的六位數值。例如:#6A7變爲#66AA77。
十六進位值可以從任何圖形軟體(如Adobe Photoshop、Jasc Paintshop Pro)中獲取,甚至可以使用高級畫筆。
每個十六進位代碼前面都會有一個磅或哈希符號「35;」。下面是使用十六進位表示法的示例。
Color | Color HEX |
---|---|
#000 | |
#F00 | |
#0F0 | |
#0FF | |
#FF0 | |
#0FF | |
#F0F | |
#FFF |
CSS Colors - RGB Values
此顏色值是使用rgb()屬性指定的。此屬性接受三個值,分別爲紅色、綠色和藍色。該值可以是0到255之間的整數或百分比。
注意−所有瀏覽器都不支持顏色的rgb()屬性,因此建議不要使用它。
下面是使用RGB值顯示少數顏色的示例。
Color | Color RGB |
---|---|
rgb(0,0,0) | |
rgb(255,0,0) | |
rgb(0,255,0) | |
rgb(0,0,255) | |
rgb(255,255,0) | |
rgb(0,255,255) | |
rgb(255,0,255) | |
rgb(192,192,192) | |
rgb(255,255,255) |
Building Color Codes
你可以用我們的顏色代碼生成器生成數百萬個顏色代碼。檢查我們的HTML顏色代碼生成器。要使用這個工具,您需要一個支持Java的瀏覽器。
Browser Safe Colors
這是216種顏色的列表,它們被認爲是最安全和獨立於計算機的顏色。這些顏色從十六進位代碼000000到FFFFFF不等。這些顏色可以安全使用,因爲它們可以確保所有計算機在運行256色調色板時正確顯示顏色;