【转】[HTML小常识] 调色原理，以后用着方便。(页 1) - 【素材教程】 - 【音画教程】 - 音乐堡音乐论坛在音乐中享受生活

紫衣发表于 2008-5-18 15:06

【转】[HTML小常识] 调色原理，以后用着方便。

<TABLE cellSpacing=0 cellPadding=0 width=200 border=10>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #666666 1px dashed" align=middle height=50>调色原理</TD></TR>
<TR>
<TD align=middle height=40></TD>
<TD style="BORDER-RIGHT: #666666 1px solid" vAlign=top rowSpan=6>  </TD></TR>
<TR>
<TD height=40> </TD></TR>
<TR>
<TD>
<TABLE class=pagefont cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>

<TABLE class=large cellSpacing=0 cellPadding=5 width="100%" border=0>
<TBODY>
<TR>
<TD class=article>HTML 的颜色表示可分两种： 
<UL>
<LI>以命名方式定义常用的颜色，如 RED。 
<LI>以 RGB 值表示，如 #FF0000 表示 red。 </LI></UL>
命名方式涵括的色种不多亦不甚方便，较少采用，以下介绍 RGB 值的原理： 
众所皆知颜色是由 "red" "green" "blue" 三原色组合而成的，在 HTML 中对於彩度的定义是采十六进位的，对於三原色 HTML 分别给予两个十六进位去定义，也就是每个原色可有 256 种彩度，故此三原色可混合成一千六佰多万的颜色。 
例如 白色的组成是 red=ff, green=ff, blue=ff, RGB 值即为 ffffff 红色的组成是 red=ff, green=00, blue=00, RGB 值即为 ff0000 绿色的组成是 red=00, green=ff, blue=00, RGB 值即为 00ff00 蓝色的组成是 red=00, green=00, blue=ff, RGB 值即为 0000ff 黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000 
於应用时常在每个 RGB 值之前加上符号 # 以示分别，但不加亦可。 </TD></TR>
<TR>
<TD class=article bgColor=#bbd1d1>
<DIV style="FONT-SIZE: 9pt; FONT-FAMILY: 新细明体">■ HTML 基本架构：</DIV></TD></TR>
<TR>
<TD class=article>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=460 border=0>
<TBODY>
<TR>
<TD>选按不同颜色按键以测试前景颜色效果 (只适合 Internet Explorer) 
<FORM><INPUT onclick="document.fgColor='#0000FF'" type=button value=BLUE name=colr>   <INPUT onclick="document.fgColor='#FF0000'" type=button value=RED name=colr2>   <INPUT onclick="document.fgColor='#FFFFFF'" type=button value=WHITE name=colr2>   <INPUT onclick="document.fgColor='#00FF00'" type=button value=GREEN name=colr2>   <INPUT onclick="document.fgColor='#c6a06d'" type=button value=TAN name=colr2>   <INPUT onclick="document.fgColor='#FFFF00'" type=button value=YELLOW name=colr2>   <INPUT onclick="document.fgColor='#000000'" type=button value=BLACK name=colr2> </FORM>选按不同颜色按键以测试背景颜色效果 
<FORM><INPUT onclick="document.bgColor='#0000FF'" type=button value=BLUE name=colr2>   <INPUT onclick="document.bgColor='#FF0000'" type=button value=RED name=colr2>   <INPUT onclick="document.bgColor='#FFFFFF'" type=button value=WHITE name=colr2>   <INPUT onclick="document.bgColor='#00FF00'" type=button value=GREEN name=colr2>   <INPUT onclick="document.bgColor='#c6a06d'" type=button value=TAN name=colr2>   <INPUT onclick="document.bgColor='#FFFF00'" type=button value=YELLOW name=colr2>   <INPUT onclick="document.bgColor='#000000'" type=button value=BLACK name=colr2> </FORM>
<CENTER>或输入一个 RGB 颜色码或名称 </CENTER>
<FORM method=post>
<CENTER>  <INPUT maxLength=30 onchange=Set(this) size=12 name=Fdadsage>   <INPUT onclick=Variable(this.form) type=button value=输入背景色 name=BUTTON> </CENTER></FORM></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY>
</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

[[i] 本帖最后由窈窕丹青于 2008-5-18 15:45 编辑 [/i]]

紫衣发表于 2008-5-18 15:11

【转】[HTML小常识] 调色原理，以后用着方便。

<TABLE cellSpacing=2 cellPadding=2 width="100%" border=0>
<TBODY>
<TR bgColor=#d900d9>
<TD>Color</TD>
<TD>Value</TD>
<TD>Name</TD>
<TD bgColor=#cce6e6> </TD>
<TD>Color</TD>
<TD>Value</TD>
<TD>Name</TD></TR>
<TR>
<TD bgColor=aliceblue> </TD>
<TD>#F0F8FF</TD>
<TD>aliceblue</TD>
<TD> </TD>
<TD bgColor=#a00000> </TD>
<TD>#A00000</TD>
<TD>antiquewith</TD></TR>
<TR>
<TD bgColor=aquamarine> </TD>
<TD>#7FFFD4</TD>
<TD>aquamarine</TD>
<TD> </TD>
<TD bgColor=azure> </TD>
<TD>#F0FFFF</TD>
<TD>azure</TD></TR>
<TR>
<TD bgColor=beige> </TD>
<TD>#F5F5DC</TD>
<TD>beige</TD>
<TD> </TD>
<TD bgColor=bisque> </TD>
<TD>#FFE4C4</TD>
<TD>bisque</TD></TR>
<TR>
<TD bgColor=black> </TD>
<TD>#000000</TD>
<TD>black</TD>
<TD> </TD>
<TD bgColor=blanchedalmond> </TD>
<TD>#FFEBCD</TD>
<TD>blanchedalmond</TD></TR>
<TR>
<TD bgColor=blue> </TD>
<TD>#0000FF</TD>
<TD>blue</TD>
<TD> </TD>
<TD bgColor=blueviolet> </TD>
<TD>#8A2BE2</TD>
<TD>blueviolet</TD></TR>
<TR>
<TD bgColor=brown> </TD>
<TD>#A52A2A</TD>
<TD>brown</TD>
<TD> </TD>
<TD bgColor=burlywood> </TD>
<TD>#DEB887</TD>
<TD>burlywood</TD></TR>
<TR>
<TD bgColor=cadetblue> </TD>
<TD>#5F9EA0</TD>
<TD>cadetblue</TD>
<TD> </TD>
<TD bgColor=chartreuse> </TD>
<TD>#7FFF00</TD>
<TD>chartreuse</TD></TR>
<TR>
<TD bgColor=chocolate> </TD>
<TD>#D2691E</TD>
<TD>chocolate</TD>
<TD> </TD>
<TD bgColor=coral> </TD>
<TD>#FF7F50</TD>
<TD>coral</TD></TR>
<TR>
<TD bgColor=#c000b0> </TD>
<TD>#C0F000</TD>
<TD>cornfloewrblue</TD>
<TD> </TD>
<TD bgColor=cornsilk> </TD>
<TD>#FFF8DC</TD>
<TD>cornsilk</TD></TR>
<TR>
<TD bgColor=cyan> </TD>
<TD>#00FFFF</TD>
<TD>cyan</TD>
<TD> </TD>
<TD bgColor=darkblue> </TD>
<TD>#00008B</TD>
<TD>darkblue</TD></TR>
<TR>
<TD bgColor=darkcyan> </TD>
<TD>#008B8B</TD>
<TD>darkcyan</TD>
<TD> </TD>
<TD bgColor=darkgoldenrod> </TD>
<TD>#B8860B</TD>
<TD>darkgoldenrod</TD></TR>
<TR>
<TD bgColor=darkgray> </TD>
<TD>#A9A9A9</TD>
<TD>darkgray</TD>
<TD> </TD>
<TD bgColor=darkgreen> </TD>
<TD>#006400</TD>
<TD>darkgreen</TD></TR>
<TR>
<TD bgColor=#da0000> </TD>
<TD>#DA0000</TD>
<TD>darkhaki</TD>
<TD> </TD>
<TD bgColor=darkmagenta> </TD>
<TD>#8B008B</TD>
<TD>darkmagenta</TD></TR>
<TR>
<TD bgColor=darkolivegreen> </TD>
<TD>#556B2F</TD>
<TD>darkolivegreen</TD>
<TD> </TD>
<TD bgColor=#da000e> </TD>
<TD>#DA000E</TD>
<TD>darkorenge</TD></TR>
<TR>
<TD bgColor=darkorchid> </TD>
<TD>#9932CC</TD>
<TD>darkorchid</TD>
<TD> </TD>
<TD bgColor=darkred> </TD>
<TD>#8B0000</TD>
<TD>darkred</TD></TR>
<TR>
<TD bgColor=darksalmon> </TD>
<TD>#E9967A</TD>
<TD>darksalmon</TD>
<TD> </TD>
<TD bgColor=darkseagreen> </TD>
<TD>#8FBC8F</TD>
<TD>darkseagreen</TD></TR>
<TR>
<TD bgColor=darkslateblue> </TD>
<TD>#483D8B</TD>
<TD>darkslateblue</TD>
<TD> </TD>
<TD bgColor=darkslategray> </TD>
<TD>#2F4F4F</TD>
<TD>darkslategray</TD></TR>
<TR>
<TD bgColor=darkturquoise> </TD>
<TD>#00CED1</TD>
<TD>darkturquoise</TD>
<TD> </TD>
<TD bgColor=darkviolet> </TD>
<TD>#9400D3</TD>
<TD>darkviolet</TD></TR>
<TR>
<TD bgColor=deeppink> </TD>
<TD>#FF1493</TD>
<TD>deeppink</TD>
<TD> </TD>
<TD bgColor=deepskyblue> </TD>
<TD>#00BFFF</TD>
<TD>deepskyblue</TD></TR>
<TR>
<TD bgColor=dimgray> </TD>
<TD>#696969</TD>
<TD>dimgray</TD>
<TD> </TD>
<TD bgColor=dodgerblue> </TD>
<TD>#1E90FF</TD>
<TD>dodgerblue</TD></TR>
<TR>
<TD bgColor=firebrick> </TD>
<TD>#B22222</TD>
<TD>firebrick</TD>
<TD> </TD>
<TD bgColor=floralwhite> </TD>
<TD>#FFFAF0</TD>
<TD>floralwhite</TD></TR>
<TR>
<TD bgColor=forestgreen> </TD>
<TD>#228B22</TD>
<TD>forestgreen</TD>
<TD> </TD>
<TD bgColor=gainsboro> </TD>
<TD>#DCDCDC</TD>
<TD>gainsboro</TD></TR>
<TR>
<TD bgColor=#00000e> </TD>
<TD>#00000E</TD>
<TD>gostwhite</TD>
<TD> </TD>
<TD bgColor=gold> </TD>
<TD>#FFD700</TD>
<TD>gold</TD></TR>
<TR>
<TD bgColor=#00e00d> </TD>
<TD>#00E00D</TD>
<TD>golenrod</TD>
<TD> </TD>
<TD bgColor=gray> </TD>
<TD>#808080</TD>
<TD>gray</TD></TR>
<TR>
<TD bgColor=green> </TD>
<TD>#008000</TD>
<TD>green</TD>
<TD> </TD>
<TD bgColor=greenyellow> </TD>
<TD>#ADFF2F</TD>
<TD>greenyellow</TD></TR>
<TR>
<TD bgColor=honeydew> </TD>
<TD>#F0FFF0</TD>
<TD>honeydew</TD>
<TD> </TD>
<TD bgColor=hotpink> </TD>
<TD>#FF69B4</TD>
<TD>hotpink</TD></TR>
<TR>
<TD bgColor=indianred> </TD>
<TD>#CD5C5C</TD>
<TD>indianred</TD>
<TD> </TD>
<TD bgColor=ivory> </TD>
<TD>#FFFFF0</TD>
<TD>ivory</TD></TR>
<TR>
<TD bgColor=khaki> </TD>
<TD>#F0E68C</TD>
<TD>khaki</TD>
<TD> </TD>
<TD bgColor=lavender> </TD>
<TD>#E6E6FA</TD>
<TD>lavender</TD></TR>
<TR>
<TD bgColor=lavenderblush> </TD>
<TD>#FFF0F5</TD>
<TD>lavenderblush</TD>
<TD> </TD>
<TD bgColor=lawngreen> </TD>
<TD>#7CFC00</TD>
<TD>lawngreen</TD></TR>
<TR>
<TD bgColor=lemonchiffon> </TD>
<TD>#FFFACD</TD>
<TD>lemonchiffon</TD>
<TD> </TD>
<TD bgColor=lightblue> </TD>
<TD>#ADD8E6</TD>
<TD>lightblue</TD></TR>
<TR>
<TD bgColor=lightcoral> </TD>
<TD>#F08080</TD>
<TD>lightcoral</TD>
<TD> </TD>
<TD bgColor=lightcyan> </TD>
<TD>#E0FFFF</TD>
<TD>lightcyan</TD></TR>
<TR>
<TD bgColor=#00ded0> </TD>
<TD>#0000E0</TD>
<TD>lightgodenrod</TD>
<TD> </TD>
<TD bgColor=#00dee0> </TD>
<TD>#0000E0</TD>
<TD>lightgodenrodyellow</TD></TR>
<TR>
<TD bgColor=#0000a0> </TD>
<TD>#0000A0</TD>
<TD>lightgray</TD>
<TD> </TD>
<TD bgColor=lightgreen> </TD>
<TD>#90EE90</TD>
<TD>lightgreen</TD></TR>
<TR>
<TD bgColor=lightpink> </TD>
<TD>#FFB6C1</TD>
<TD>lightpink</TD>
<TD> </TD>
<TD bgColor=lightsalmon> </TD>
<TD>#FFA07A</TD>
<TD>lightsalmon</TD></TR>
<TR>
<TD bgColor=lightseagreen> </TD>
<TD>#20B2AA</TD>
<TD>lightseagreen</TD>
<TD> </TD>
<TD bgColor=lightskyblue> </TD>
<TD>#87CEFA</TD>
<TD>lightskyblue</TD></TR>
<TR>
<TD bgColor=#0000b0> </TD>
<TD>#0000EB</TD>
<TD>lightslateblue</TD>
<TD> </TD>
<TD bgColor=lightslategray> </TD>
<TD>#778899</TD>
<TD>lightslategray</TD></TR>
<TR>
<TD bgColor=lightsteelblue> </TD>
<TD>#B0C4DE</TD>
<TD>lightsteelblue</TD>
<TD> </TD>
<TD bgColor=lightyellow> </TD>
<TD>#FFFFE0</TD>
<TD>lightyellow</TD></TR>
<TR>
<TD bgColor=limegreen> </TD>
<TD>#32CD32</TD>
<TD>limegreen</TD>
<TD> </TD>
<TD bgColor=linen> </TD>
<TD>#FAF0E6</TD>
<TD>linen</TD></TR>
<TR>
<TD bgColor=magenta> </TD>
<TD>#FF00FF</TD>
<TD>magenta</TD>
<TD> </TD>
<TD bgColor=maroon> </TD>
<TD>#800000</TD>
<TD>maroon</TD></TR>
<TR>
<TD bgColor=mediumaquamarine> </TD>
<TD>#66CDAA</TD>
<TD>mediumaquamarine</TD>
<TD> </TD>
<TD bgColor=mediumblue> </TD>
<TD>#0000CD</TD>
<TD>mediumblue</TD></TR>
<TR>
<TD bgColor=mediumorchid> </TD>
<TD>#BA55D3</TD>
<TD>mediumorchid</TD>
<TD> </TD>
<TD bgColor=#ed0000> </TD>
<TD>#ED0000</TD>
<TD>mediumpurpul</TD></TR>
<TR>
<TD bgColor=mediumseagreen> </TD>
<TD>#3CB371</TD>
<TD>mediumseagreen</TD>
<TD> </TD>
<TD bgColor=mediumslateblue> </TD>
<TD>#7B68EE</TD>
<TD>mediumslateblue</TD></TR>
<TR>
<TD bgColor=mediumspringgreen> </TD>
<TD>#00FA9A</TD>
<TD>mediumspringgreen</TD>
<TD> </TD>
<TD bgColor=mediumturquoise> </TD>
<TD>#48D1CC</TD>
<TD>mediumturquoise</TD></TR>
<TR>
<TD bgColor=mediumvioletred> </TD>
<TD>#C71585</TD>
<TD>mediumvioletred</TD>
<TD> </TD>
<TD bgColor=midnightblue> </TD>
<TD>#191970</TD>
<TD>midnightblue</TD></TR>
<TR>
<TD bgColor=mintcream> </TD>
<TD>#F5FFFA</TD>
<TD>mintcream</TD>
<TD> </TD>
<TD bgColor=mistyrose> </TD>
<TD>#FFE4E1</TD>
<TD>mistyrose</TD></TR>
<TR>
<TD bgColor=moccasin> </TD>
<TD>#FFE4B5</TD>
<TD>moccasin</TD>
<TD> </TD>
<TD bgColor=navajowhite> </TD>
<TD>#FFDEAD</TD>
<TD>navajowhite</TD></TR>
<TR>
<TD bgColor=navy> </TD>
<TD>#000080</TD>
<TD>navy</TD>
<TD> </TD>
<TD bgColor=#a0b0e0> </TD>
<TD>#A0B0E0</TD>
<TD>navyblue</TD></TR>
<TR>
<TD bgColor=oldlace> </TD>
<TD>#FDF5E6</TD>
<TD>oldlace</TD>
<TD> </TD>
<TD bgColor=olivedrab> </TD>
<TD>#6B8E23</TD>
<TD>olivedrab</TD></TR>
<TR>
<TD bgColor=orange> </TD>
<TD>#FFA500</TD>
<TD>orange</TD>
<TD> </TD>
<TD bgColor=#0e0eed> </TD>
<TD>#0E0EED</TD>
<TD>orengered</TD></TR>
<TR>
<TD bgColor=orchid> </TD>
<TD>#DA70D6</TD>
<TD>orchid</TD>
<TD> </TD>
<TD bgColor=#a00d00> </TD>
<TD>#A00D00</TD>
<TD>palegodenrod</TD></TR>
<TR>
<TD bgColor=palegreen> </TD>
<TD>#98FB98</TD>
<TD>palegreen</TD>
<TD> </TD>
<TD bgColor=paleturquoise> </TD>
<TD>#AFEEEE</TD>
<TD>paleturquoise</TD></TR>
<TR>
<TD bgColor=palevioletred> </TD>
<TD>#DB7093</TD>
<TD>palevioletred</TD>
<TD> </TD>
<TD bgColor=papayawhip> </TD>
<TD>#FFEFD5</TD>
<TD>papayawhip</TD></TR>
<TR>
<TD bgColor=peachpuff> </TD>
<TD>#FFDAB9</TD>
<TD>peachpuff</TD>
<TD> </TD>
<TD bgColor=peru> </TD>
<TD>#CD853F</TD>
<TD>peru</TD></TR>
<TR>
<TD bgColor=pink> </TD>
<TD>#FFC0CB</TD>
<TD>pink</TD>
<TD> </TD>
<TD bgColor=plum> </TD>
<TD>#DDA0DD</TD>
<TD>plum</TD></TR>
<TR>
<TD bgColor=powderblue> </TD>
<TD>#B0E0E6</TD>
<TD>powderblue</TD>
<TD> </TD>
<TD bgColor=purple> </TD>
<TD>#800080</TD>
<TD>purple</TD></TR>
<TR>
<TD bgColor=red> </TD>
<TD>#FF0000</TD>
<TD>red</TD>
<TD> </TD>
<TD bgColor=rosybrown> </TD>
<TD>#BC8F8F</TD>
<TD>rosybrown</TD></TR>
<TR>
<TD bgColor=royalblue> </TD>
<TD>#4169E1</TD>
<TD>royalblue</TD>
<TD> </TD>
<TD bgColor=saddlebrown> </TD>
<TD>#8B4513</TD>
<TD>saddlebrown</TD></TR>
<TR>
<TD bgColor=salmon> </TD>
<TD>#FA8072</TD>
<TD>salmon</TD>
<TD> </TD>
<TD bgColor=sandybrown> </TD>
<TD>#F4A460</TD>
<TD>sandybrown</TD></TR>
<TR>
<TD bgColor=seagreen> </TD>
<TD>#2E8B57</TD>
<TD>seagreen</TD>
<TD> </TD>
<TD bgColor=seashell> </TD>
<TD>#FFF5EE</TD>
<TD>seashell</TD></TR>
<TR>
<TD bgColor=sienna> </TD>
<TD>#A0522D</TD>
<TD>sienna</TD>
<TD> </TD>
<TD bgColor=skyblue> </TD>
<TD>#87CEEB</TD>
<TD>skyblue</TD></TR>
<TR>
<TD bgColor=slateblue> </TD>
<TD>#6A5ACD</TD>
<TD>slateblue</TD>
<TD> </TD>
<TD bgColor=slategray> </TD>
<TD>#708090</TD>
<TD>slategray</TD></TR>
<TR>
<TD bgColor=snow> </TD>
<TD>#FFFAFA</TD>
<TD>snow</TD>
<TD> </TD>
<TD bgColor=springgreen> </TD>
<TD>#00FF7F</TD>
<TD>springgreen</TD></TR>
<TR>
<TD bgColor=steelblue> </TD>
<TD>#4682B4</TD>
<TD>steelblue</TD>
<TD> </TD>
<TD bgColor=tan> </TD>
<TD>#D2B48C</TD>
<TD>tan</TD></TR>
<TR>
<TD bgColor=thistle> </TD>
<TD>#D8BFD8</TD>
<TD>thistle</TD>
<TD> </TD>
<TD bgColor=tomato> </TD>
<TD>#FF6347</TD>
<TD>tomato</TD></TR>
<TR>
<TD bgColor=turquoise> </TD>
<TD>#40E0D0</TD>
<TD>turquoise</TD>
<TD> </TD>
<TD bgColor=violet> </TD>
<TD>#EE82EE</TD>
<TD>violet</TD></TR>
<TR>
<TD bgColor=#00e0ed> </TD>
<TD>#00E0ED</TD>
<TD>violetred</TD>
<TD> </TD>
<TD bgColor=wheat> </TD>
<TD>#F5DEB3</TD>
<TD>wheat</TD></TR>
<TR>
<TD bgColor=#000e> </TD>
<TD>#000E00</TD>
<TD>hite</TD>
<TD> </TD>
<TD bgColor=whitesmoke> </TD>
<TD>#F5F5F5</TD>
<TD>whitesmoke</TD></TR>
<TR>
<TD bgColor=yellow> </TD>
<TD>#FFFF00</TD>
<TD>yellow</TD>
<TD> </TD>
<TD bgColor=yellowgreen> </TD>
<TD>#9ACD32</TD>
<TD>yellowgreen</TD></TR></TBODY></TABLE>
<OL>
<LI>
<DIV align=center></TD></TR></TBODY></TABLE></TD></TR><TR><TD height="40" align="middle"></TD></TR></TBODY></TABLE></DIV></LI></OL>

[[i] 本帖最后由窈窕丹青于 2008-5-18 15:24 编辑 [/i]]

书剑飘香 发表于 2008-5-18 20:30

这调色板不错的说。。。。用时来取。。

子木发表于 2008-6-1 23:18

很好用哦,偶先收藏了,谢谢丹青的分享..........

bcde057 发表于 2008-9-30 14:18

水润活化制水器水润活化杯水润活化制水杯水润活化制水器价格

*** 作者被禁止或删除内容自动屏蔽 ***

页: [1]

音乐堡音乐论坛's Archiver

【转】[HTML小常识] 调色原理，以后用着方便。

【转】[HTML小常识] 调色原理，以后用着方便。

水润活化制水器水润活化杯水润活化制水杯水润活化制水器价格