艾麗絲藍 | 古典白 | 水綠 | 海綠 | 天藍 |
米色 | 黑 | 白杏 | 藍 | 紫羅蘭 |
棕 | 原木色 | 灰藍 | 淡黃綠 | 巧克力 |
珊瑚紅 | 矢車菊淺藍 | 玉米絲色 | 緋紅 | 青色 |
深藍 | 深青 | 深黃 | 深灰 | 深綠 |
深土黃 | 深紅紫 | 深橄欖綠 | 深桔黃 | 深蘭花紫 |
深紅 | 深肉色 | 深海綠 | 深石板藍 | 深石板灰 |
深綠松色 | 深紫羅蘭 | 深粉紅 | 深天藍 | 深灰 |
雨幔藍 | 耐火磚色 | 花卉白 | 森林綠 | 紫紅 |
淡灰 | 慘白 | 金色 | 黃 | 灰 |
綠 | 綠黃 | 蜂蜜色 | 熱粉紅 | 印度紅 |
靛青 | 象牙色 | 黃褐 | 淡紫色 | 淡紫紅 |
草綠 | 淡檸檬黃 | 淺藍 | 淺珊瑚紅 | 淺青 |
淺黃 | 淺綠 | 淺灰 | 淺粉紅 | 淺肉色 |
淺海綠 | 淺天藍 | 淺石板灰 | 淺鋼青 | 淺黃 |
酸柚綠 | 酸橙綠 | 亞麻布色 | 深紅紫 | 栗色 |
中海藍 | 中藍 | 中蘭花紫 | 中紫 | 中海綠 |
中石板藍 | 中新綠 | 中綠松色 | 中紫羅蘭紅 | 午夜色 |
奶油色 | 霧玫瑰色 | 鹿皮色 | 納瓦霍白 | 海藍 |
舊布白 | 橄欖色 | 草綠 | 桔黃 | 橘紅 |
蘭花紫 | 淡黃 | 慘綠 | 淡綠松色 | 淡紫羅蘭紅 |
番木瓜色 | 桃色 | 祕魯色 | 粉紅 | 李子色 |
淺灰藍 | 紫 | 紅 | 玫瑰棕 | 品藍 |
馬鞍棕 | 肉色 | 沙棕色 | 海綠 | 貝殼色 |
赭色 | 銀色 | 天藍 | 石板藍 | 石板灰 |
雪白 | 新綠 | 鋼青 | 茶色 | teal |
薊色 | 番茄紅 | 綠松色 | 紫羅蘭 | 小麥色 |
白 | 白煙色 | 黃色 | 黃綠 | |
Author:程曉鵬 Date:2007-06-25 [email protected]
|
源代碼:
系統顏色</div>
<br>
<table style="width: 100%; height: 100%" cellpadding="2">
<tr>
<td title="#F0F8FF" style="background-color: #f0f8ff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
艾麗絲藍</td>
<td title="#FAEBD7" style="background-color: #faebd7; font-size: 13px; width: 20%;
height: 50px; text-align: center">
古典白
</td>
<td title="#00FFFF" style="background-color: #00ffff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
水綠
</td>
<td title="#7FFFD4" style="background-color: #7fffd4; font-size: 13px; width: 20%;
height: 50px; text-align: center">
海綠
</td>
<td title="#F0FFFF" style="background-color: #f0ffff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
天藍
</td>
</tr>
<tr>
<td title="#FFE4C4" style="background-color: #ffe4c4; font-size: 13px; width: 20%;
height: 50px; text-align: center">
米色
</td>
<td title="黑色 #000000" style="background-color: #000000; font-size: 13px; width: 20%;
height: 50px; text-align: center">
黑
</td>
<td title="#FFEBCD" style="background-color: #ffebcd; font-size: 13px; width: 20%;
height: 50px; text-align: center">
白杏
</td>
<td title="#0000FF" style="background-color: #0000ff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
藍
</td>
<td title="#8A2BE2" style="background-color: #8a2be2; font-size: 13px; width: 20%;
height: 50px; text-align: center">
紫羅蘭
</td>
</tr>
<tr>
<td title="#A52A2A" style="background-color: #a52a2a; font-size: 13px; width: 20%;
height: 50px; text-align: center">
棕
</td>
<td title="#DEB887" style="background-color: #deb887; font-size: 13px; width: 20%;
height: 50px; text-align: center">
原木色
</td>
<td title="#5F9EA0" style="background-color: #5f9ea0; font-size: 13px; width: 20%;
height: 50px; text-align: center">
灰藍
</td>
<td title="#7FFF00" style="background-color: #7fff00; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淡黃綠
</td>
<td title="#D2691E" style="background-color: #d2691e; font-size: 13px; width: 20%;
height: 50px; text-align: center">
巧克力
</td>
</tr>
<tr>
<td title="#FF7F50" style="background-color: #ff7f50; font-size: 13px; width: 20%;
height: 50px; text-align: center">
珊瑚紅
</td>
<td title="#6495ED" style="background-color: #6495ed; font-size: 13px; width: 20%;
height: 50px; text-align: center">
矢車菊淺藍
</td>
<td title="#FFF8DC" style="background-color: #fff8dc; font-size: 13px; width: 20%;
height: 50px; text-align: center">
玉米絲色
</td>
<td title="#DC143C" style="background-color: #dc143c; font-size: 13px; width: 20%;
height: 50px; text-align: center">
緋紅
</td>
<td title="#00FFFF" style="background-color: #00ffff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
青色
</td>
</tr>
<tr>
<td title="#00008B" style="background-color: #00008b; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深藍
</td>
<td title="#008B8B" style="background-color: #008b8b; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深青
</td>
<td title="#B8860B" style="background-color: #b8860b; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深黃
</td>
<td title="#A9A9A9" style="background-color: #a9a9a9; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深灰
</td>
<td title="#006400" style="background-color: #006400; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深綠
</td>
</tr>
<tr>
<td title="#BDB76B" style="background-color: #bdb76b; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深土黃
</td>
<td title="#8B008B" style="background-color: #8b008b; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深紅紫
</td>
<td title="#556B2F" style="background-color: #556b2f; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深橄欖綠
</td>
<td title="#FF8C00" style="background-color: #ff8c00; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深桔黃
</td>
<td title="#9932CC" style="background-color: #9932cc; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深蘭花紫
</td>
</tr>
<tr>
<td title="#8B0000" style="background-color: #8b0000; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深紅
</td>
<td title="#E9967A" style="background-color: #e9967a; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深肉色
</td>
<td title="#8FBC8B" style="background-color: #8fbc8b; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深海綠
</td>
<td title="#483D8B" style="background-color: #483d8b; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深石板藍
</td>
<td title="#2F4F4F" style="background-color: #2f4f4f; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深石板灰
</td>
</tr>
<tr>
<td title="#00CED1" style="background-color: #00ced1; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深綠松色
</td>
<td title="#9400D3" style="background-color: #9400d3; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深紫羅蘭
</td>
<td title="#FF1493" style="background-color: #ff1493; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深粉紅
</td>
<td title="#00BFFF" style="background-color: #00bfff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深天藍
</td>
<td title="#696969" style="background-color: #696969; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深灰
</td>
</tr>
<tr>
<td title="#1E90FF" style="background-color: #1e90ff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
雨幔藍
</td>
<td title="#B22222" style="background-color: #b22222; font-size: 13px; width: 20%;
height: 50px; text-align: center">
耐火磚色
</td>
<td title="#FFFAF0" style="background-color: #fffaf0; font-size: 13px; width: 20%;
height: 50px; text-align: center">
花卉白
</td>
<td title="#228B22" style="background-color: #228b22; font-size: 13px; width: 20%;
height: 50px; text-align: center">
森林綠
</td>
<td title="#FF00FF" style="background-color: #ff00ff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
紫紅
</td>
</tr>
<tr>
<td title="#DCDCDC" style="background-color: #dcdcdc; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淡灰
</td>
<td title="#F8F8FF" style="background-color: #f8f8ff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
慘白
</td>
<td title="#FFD700" style="background-color: #ffd700; font-size: 13px; width: 20%;
height: 50px; text-align: center">
金色
</td>
<td title="#DAA520" style="background-color: #daa520; font-size: 13px; width: 20%;
height: 50px; text-align: center">
黃
</td>
<td title="#808080" style="background-color: #808080; font-size: 13px; width: 20%;
height: 50px; text-align: center">
灰
</td>
</tr>
<tr>
<td title="#008000" style="background-color: #008000; font-size: 13px; width: 20%;
height: 50px; text-align: center">
綠
</td>
<td title="#ADFF2F" style="background-color: #adff2f; font-size: 13px; width: 20%;
height: 50px; text-align: center">
綠黃
</td>
<td title="#F0FFF0" style="background-color: #f0fff0; font-size: 13px; width: 20%;
height: 50px; text-align: center">
蜂蜜色
</td>
<td title="#FF69B4" style="background-color: #ff69b4; font-size: 13px; width: 20%;
height: 50px; text-align: center">
熱粉紅
</td>
<td title="#CD5C5C" style="background-color: #cd5c5c; font-size: 13px; width: 20%;
height: 50px; text-align: center">
印度紅
</td>
</tr>
<tr>
<td title="#4B0082" style="background-color: #4b0082; font-size: 13px; width: 20%;
height: 50px; text-align: center">
靛青
</td>
<td title="#FFFFF0" style="background-color: #fffff0; font-size: 13px; width: 20%;
height: 50px; text-align: center">
象牙色
</td>
<td title="#F0E68C" style="background-color: #f0e68c; font-size: 13px; width: 20%;
height: 50px; text-align: center">
黃褐
</td>
<td title="#E6E6FA" style="background-color: #e6e6fa; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淡紫色
</td>
<td title="#FFF0F5" style="background-color: #fff0f5; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淡紫紅
</td>
</tr>
<tr>
<td title="#7CFC00" style="background-color: #7cfc00; font-size: 13px; width: 20%;
height: 50px; text-align: center">
草綠
</td>
<td title="#FFFACD" style="background-color: #fffacd; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淡檸檬黃
</td>
<td title="#ADD8E6" style="background-color: #add8e6; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺藍
</td>
<td title="#F08080" style="background-color: #f08080; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺珊瑚紅
</td>
<td title="#E0FFFF" style="background-color: #e0ffff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺青
</td>
</tr>
<tr>
<td title="#FAFAD2" style="background-color: #fafad2; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺黃
</td>
<td title="#90EE90" style="background-color: #90ee90; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺綠
</td>
<td title="#D3D3D3" style="background-color: #d3d3d3; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺灰
</td>
<td title="#FFB6C1" style="background-color: #ffb6c1; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺粉紅
</td>
<td title="#FFA07A" style="background-color: #ffa07a; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺肉色
</td>
</tr>
<tr>
<td title="#20B2AA" style="background-color: #20b2aa; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺海綠
</td>
<td title="#87CEFA" style="background-color: #87cefa; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺天藍
</td>
<td title="#778899" style="background-color: #778899; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺石板灰
</td>
<td title="#B0C4DE" style="background-color: #b0c4de; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺鋼青
</td>
<td title="#FFFFE0" style="background-color: #ffffe0; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺黃
</td>
</tr>
<tr>
<td title="#00FF00" style="background-color: #00ff00; font-size: 13px; width: 20%;
height: 50px; text-align: center">
酸柚綠
</td>
<td title="#32CD32" style="background-color: #32cd32; font-size: 13px; width: 20%;
height: 50px; text-align: center">
酸橙綠
</td>
<td title="#FAF0E6" style="background-color: #faf0e6; font-size: 13px; width: 20%;
height: 50px; text-align: center">
亞麻布色
</td>
<td title="#FF00FF" style="background-color: #ff00ff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
深紅紫
</td>
<td title="#800000" style="background-color: #800000; font-size: 13px; width: 20%;
height: 50px; text-align: center">
栗色
</td>
</tr>
<tr>
<td title="#66CDAA" style="background-color: #66cdaa; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中海藍
</td>
<td title="#0000CD" style="background-color: #0000cd; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中藍
</td>
<td title="#BA55D3" style="background-color: #ba55d3; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中蘭花紫
</td>
<td title="#9370DB" style="background-color: #9370db; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中紫
</td>
<td title="#3CB371" style="background-color: #3cb371; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中海綠
</td>
</tr>
<tr>
<td title="#7B68EE" style="background-color: #7b68ee; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中石板藍
</td>
<td title="#00FA9A" style="background-color: #00fa9a; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中新綠
</td>
<td title="#48D1CC" style="background-color: #48d1cc; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中綠松色
</td>
<td title="#C71585" style="background-color: #c71585; font-size: 13px; width: 20%;
height: 50px; text-align: center">
中紫羅蘭紅
</td>
<td title="#191970" style="background-color: #191970; font-size: 13px; width: 20%;
height: 50px; text-align: center">
午夜色
</td>
</tr>
<tr>
<td title="#F5FFFA" style="background-color: #f5fffa; font-size: 13px; width: 20%;
height: 50px; text-align: center">
奶油色
</td>
<td title="#FFE4E1" style="background-color: #ffe4e1; font-size: 13px; width: 20%;
height: 50px; text-align: center">
霧玫瑰色
</td>
<td title="#FFE4B5" style="background-color: #ffe4b5; font-size: 13px; width: 20%;
height: 50px; text-align: center">
鹿皮色
</td>
<td title="#FFDEAD" style="background-color: #ffdead; font-size: 13px; width: 20%;
height: 50px; text-align: center">
納瓦霍白
</td>
<td title="#000080" style="background-color: #000080; font-size: 13px; width: 20%;
height: 50px; text-align: center">
海藍
</td>
</tr>
<tr>
<td title="#FDF5E6" style="background-color: #fdf5e6; font-size: 13px; width: 20%;
height: 50px; text-align: center">
舊布白
</td>
<td title="#808000" style="background-color: #808000; font-size: 13px; width: 20%;
height: 50px; text-align: center">
橄欖色
</td>
<td title="#6B8E23" style="background-color: #6b8e23; font-size: 13px; width: 20%;
height: 50px; text-align: center">
草綠
</td>
<td title="#FFA500" style="background-color: #ffa500; font-size: 13px; width: 20%;
height: 50px; text-align: center">
桔黃
</td>
<td title="#FF4500" style="background-color: #ff4500; font-size: 13px; width: 20%;
height: 50px; text-align: center">
橘紅
</td>
</tr>
<tr>
<td title="#DA70D6" style="background-color: #da70d6; font-size: 13px; width: 20%;
height: 50px; text-align: center">
蘭花紫
</td>
<td title="#EEE8AA" style="background-color: #eee8aa; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淡黃
</td>
<td title="#98FB98" style="background-color: #98fb98; font-size: 13px; width: 20%;
height: 50px; text-align: center">
慘綠
</td>
<td title="#AFEEEE" style="background-color: #afeeee; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淡綠松色
</td>
<td title="#DB7093" style="background-color: #db7093; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淡紫羅蘭紅
</td>
</tr>
<tr>
<td title="#FFEFD5" style="background-color: #ffefd5; font-size: 13px; width: 20%;
height: 50px; text-align: center">
番木瓜色
</td>
<td title="#FFDAB9" style="background-color: #ffdab9; font-size: 13px; width: 20%;
height: 50px; text-align: center">
桃色
</td>
<td title="#CD853F" style="background-color: #cd853f; font-size: 13px; width: 20%;
height: 50px; text-align: center">
祕魯色
</td>
<td title="#FFC0CB" style="background-color: #ffc0cb; font-size: 13px; width: 20%;
height: 50px; text-align: center">
粉紅
</td>
<td title="#DDA0DD" style="background-color: #dda0dd; font-size: 13px; width: 20%;
height: 50px; text-align: center">
李子色
</td>
</tr>
<tr>
<td title="#B0E0E6" style="background-color: #b0e0e6; font-size: 13px; width: 20%;
height: 50px; text-align: center">
淺灰藍
</td>
<td title="#800080" style="background-color: #800080; font-size: 13px; width: 20%;
height: 50px; text-align: center">
紫
</td>
<td title="#FF0000" style="background-color: #ff0000; font-size: 13px; width: 20%;
height: 50px; text-align: center">
紅
</td>
<td title="#BC8F8F" style="background-color: #bc8f8f; font-size: 13px; width: 20%;
height: 50px; text-align: center">
玫瑰棕
</td>
<td title="#4169E1" style="background-color: #4169e1; font-size: 13px; width: 20%;
height: 50px; text-align: center">
品藍
</td>
</tr>
<tr>
<td title="#8B4513" style="background-color: #8b4513; font-size: 13px; width: 20%;
height: 50px; text-align: center">
馬鞍棕
</td>
<td title="#FA8072" style="background-color: #fa8072; font-size: 13px; width: 20%;
height: 50px; text-align: center">
肉色
</td>
<td title="#F4A460" style="background-color: #f4a460; font-size: 13px; width: 20%;
height: 50px; text-align: center">
沙棕色
</td>
<td title="#2E8B57" style="background-color: #2e8b57; font-size: 13px; width: 20%;
height: 50px; text-align: center">
海綠
</td>
<td title="#FFF5EE" style="background-color: #fff5ee; font-size: 13px; width: 20%;
height: 50px; text-align: center">
貝殼色
</td>
</tr>
<tr>
<td title="#A0522D" style="background-color: #a0522d; font-size: 13px; width: 20%;
height: 50px; text-align: center">
赭色
</td>
<td title="#C0C0C0" style="background-color: #c0c0c0; font-size: 13px; width: 20%;
height: 50px; text-align: center">
銀色
</td>
<td title="#87CEEB" style="background-color: #87ceeb; font-size: 13px; width: 20%;
height: 50px; text-align: center">
天藍
</td>
<td title="#6A5ACD" style="background-color: #6a5acd; font-size: 13px; width: 20%;
height: 50px; text-align: center">
石板藍
</td>
<td title="#708090" style="background-color: #708090; font-size: 13px; width: 20%;
height: 50px; text-align: center">
石板灰
</td>
</tr>
<tr>
<td title="#FFFAFA" style="background-color: #fffafa; font-size: 13px; width: 20%;
height: 50px; text-align: center">
雪白
</td>
<td title="#00FF7F" style="background-color: #00ff7f; font-size: 13px; width: 20%;
height: 50px; text-align: center">
新綠
</td>
<td title="#4682B4" style="background-color: #4682b4; font-size: 13px; width: 20%;
height: 50px; text-align: center">
鋼青
</td>
<td title="#D2B48C" style="background-color: #d2b48c; font-size: 13px; width: 20%;
height: 50px; text-align: center">
茶色
</td>
<td title="#008080" style="background-color: #008080; font-size: 13px; width: 20%;
height: 50px; text-align: center">
teal
</td>
</tr>
<tr>
<td title="#D8BFD8" style="background-color: #d8bfd8; font-size: 13px; width: 20%;
height: 50px; text-align: center">
薊色
</td>
<td title="#FF6347" style="background-color: #ff6347; font-size: 13px; width: 20%;
height: 50px; text-align: center">
番茄紅
</td>
<td title="#40E0D0" style="background-color: #40e0d0; font-size: 13px; width: 20%;
height: 50px; text-align: center">
綠松色
</td>
<td title="#EE82EE" style="background-color: #ee82ee; font-size: 13px; width: 20%;
height: 50px; text-align: center">
紫羅蘭
</td>
<td title="#F5DEB3" style="background-color: #f5deb3; font-size: 13px; width: 20%;
height: 50px; text-align: center">
小麥色
</td>
</tr>
<tr>
<td title="#FFFFFF" style="background-color: #ffffff; font-size: 13px; width: 20%;
height: 50px; text-align: center">
白
</td>
<td title="#F5F5F5" style="background-color: #f5f5f5; font-size: 13px; width: 20%;
height: 50px; text-align: center">
白煙色
</td>
<td title="#FFFF00" style="background-color: #ffff00; font-size: 13px; width: 20%;
height: 50px; text-align: center">
黃色
</td>
<td title="#9ACD32" style="background-color: #9acd32; font-size: 13px; width: 20%;
height: 50px; text-align: center">
黃綠
</td>
<td>
</td>
</tr>
</table>