顏色 1
顏色有七種表示法：
- 預設的 16 個顏色的英文名稱：
Black（#000000） Silver（#C0C0C0） Gray（#808080） White（#FFFFFF） Maroon（#800000） Red（#FF0000） Purple（#800080） Fuchsia（#FF00FF） Green（#008000） Lime（#00FF00） Olive（#808000） Yellow（#FFFF00） Navy（#000080） Blue（#0000FF） Teal（#008080） Aqua（#00FFFF） 擴充的英文顏色名稱：總共 124 個英文顏色名稱，此處只列出一小部分好記的。
Brown Chocolate Coral Crimson Cyan Gold Ivory Linen Orange Orchid Pink Peru Plum Salmon Seashell Skyblue Snow Tomato Violet Wheat
- 十六進位數值：數值 #RRGGBB，以 # 為前導，每一個顏色兩位數（00 - FF）。
R 代表紅色（red），G 代表綠色（green），B 代表藍色（blue）。
數值 #RGB，每一個顏色一位數（0 - F）。此數值會自動擴展為 #rrggbb。
#ff0000 #f00 #00ff00 #0f0 #0000ff #00f
- rgb(R, G, B)函式法：數值可用 0 到 255 的整數；或用百分比數 0.0% 至 100.0%。Firefox 使用百分比值，必須三個值都是百分比值；IE6, Safari, Chrome 則可以混用整數與百分比。下面第二列的第二個顏色 rgb(127,100%,0%)，在 Firefox 無法解讀。
rgb(255,0,0) rgb(255,255,0) rgb(255,0,255) rgb(0%,100%,0%) rgb(127,100%,0%) rgb(0%,100%,50%) rgb(0,0,255) rgb(127,0,255) rgb(0,127,255)
- rgba(R, G, B, 透明)函式法：第四個參數透明值由 0（完全透明）至 1（完全不透明）。此函式是 CSS3 的提案，Firefox, Safari, Chrome 可用；IE6 無此項。
- 風格用法：
<div style='position:relative;'>
透明的可以看到底下的字。
<table style='position:absolute; top:0; left:0'>
<tr>
<td style='width:60px;background:rgba(255,0,0, 0.2)'>
<td style='width:60px;background:rgba(255,0,0, 0.6)'>
<td style='width:60px;background:rgba(255,0,0, 1)'>
</table>
</div> - 執行結果：透明的可以看到底下的字。
- 風格用法：
- hsl(顏色, 飽和, 亮度)函式法：顏色值由 0 到 360。0 或 360 是紅色，120 是綠色，240 是藍色；中間值代表兩色的混合。飽和值由 0% 到 100%。亮度值也是由 0%（黑）到 100%（白），50% 為平均值。此函式是 CSS3 的提案，Firefox, Safari, Chrome 可用；IE6 無此項。
hsl(0,100%, 50%) hsl(60,100%, 50%) hsl(0,50%, 50%) hsl(0,100%, 25%) hsl(120,100%, 50%) hsl(180,100%, 50%) hsl(120,50%, 50%) hsl(120,100%, 25%) hsl(240,100%, 50%) hsl(300,100%, 50%) hsl(240,50%, 50%) hsl(240,100%, 25%)
| 顏色（你正在看 第一頁） | : | 第一頁 | 第二頁 |
