
240
|
第八章
我們透過範例來說明。表 8-1 列出各種格式,包括 CSS3 的新格式。
表 8-1 各種 CSS 顏色宣告格式
顏色語法 範例程式 定義
#RRGGBB #ff00ff
十六進位格式
#RGB #f0f
簡寫十六進位格式
rgb(r,g,b) rgb(255, 0, 255)
rgb(100%, 0, 100%)
紅色、綠色、藍色
hsl(h,s,l) hsl(300, 100%, 50%)
色調、彩度、亮度
cmyk
a
(c,m,y,k) cmyk(29%, 55%, 0, 0)
青色、洋紅色、黃色、黑色
hsla(h,s,l,a) hsla(300, 100%, 50%, 1)
色調、彩度、亮度、Alpha
rgba(r,g,b,a) rgba(255, 0, 255, 1)
rgba(100%, 0, 100%, 1)
紅色、綠色、藍色、Alpha
named colors fuchsia
有限的顏色名稱值清單
transparent transparent
透明
currentColor currentColor
文字顏色(目前的顏色)
a
並非所有瀏覽器都支援 CMYK 色,它是由網頁媒體模組定義,而不是與其他顏色相同的模組。
十六進位值
你可以使用十六進位值來宣告紅、綠及藍,它的範圍從 0 到 255,格式為 00 至 FF,不
區分大小寫。將這三個值依紅、綠、藍的順序放在一起,並在前面加上井號(#),就是
顏色值了。
例如,
#FFFFFF
代表彩度飽和的紅、綠及藍,形成白色。它的反例就是完全沒有彩度,
所以沒有紅、綠及藍的寫法是 ...