顏色 第一頁

長度 | 百分比 | URI | 計數器 | 顏色 | 角度 | 時間 | 頻率 | 字串

顏色 1

顏色有七種表示法：

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

   
   
2. 十六進位數值：數值 #RRGGBB，以 # 為前導，每一個顏色兩位數（00 - FF）。 R 代表紅色（red），G 代表綠色（green），B 代表藍色（blue）。

   數值 #RGB，每一個顏色一位數（0 - F）。此數值會自動擴展為 #rrggbb。

   #ff0000

   #f00

   #00ff00

   #0f0

   #0000ff

   #00f

   
   
3. 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)

   
   
4. 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>
   
5. 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%)

   
   

顏色（你正在看 第一頁）

:

第一頁

第二頁