HTML彻底剖析(15)调色原理

2009-12-16 01:51| 发布者: admin| 查看: 31| 评论: 0|原作者: 回梦游仙

■ 调色原理
　　HTML 的颜色表示可分两种：
以命名方式定义常用的颜色，如 RED。
以 RGB 值表示，如 #FF0000 表示 red。
　　命名方式所包括的色种不多也不是很方便，所以较少采用，以下介绍 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 值前加上符号 # 以示分别，但不加也可。

■ HTML 基本架构
按不同颜色按钮以测试前景颜色的效果（只适合 Internet Explorer）

按不同颜色按钮以测试背景颜色的效果

或输入一个 RGB 颜色值或名称

■ 16 常用颜色表
ColorValueName ColorValueName
#00FFFFaqua #808080gray
#000080navy #C0C0C0silver
#000000black #008000green
#808000olive #008080teal
#0000FFblue #00FF00lime
#800080purple #FFFF00yellow
#FF00FFfuchsia #800000maroon
#FF0000red #FFFFFFwhite

■ 其它常用颜色
ColorValueName ColorValueName
#F0F8FFaliceblue #A00000antiquewith
#7FFFD4aquamarine #F0FFFFazure
#F5F5DCbeige #FFE4C4bisque
#000000black #FFEBCDblanchedalmond
#0000FFblue #8A2BE2blueviolet
#A52A2Abrown #DEB887burlywood
#5F9EA0cadetblue #7FFF00chartreuse
#D2691Echocolate #FF7F50coral
#C0F000cornfloewrblue #FFF8DCcornsilk
#00FFFFcyan #00008Bdarkblue
#008B8Bdarkcyan #B8860Bdarkgoldenrod
#A9A9A9darkgray #006400darkgreen
#DA0000darkhaki #8B008Bdarkmagenta
#556B2Fdarkolivegreen #DA000Edarkorenge
#9932CCdarkorchid #8B0000darkred
#E9967Adarksalmon #8FBC8Fdarkseagreen
#483D8Bdarkslateblue #2F4F4Fdarkslategray
#00CED1darkturquoise #9400D3darkviolet
#FF1493deeppink #00BFFFdeepskyblue
#696969dimgray #1E90FFdodgerblue
#B22222firebrick #FFFAF0floralwhite
#228B22forestgreen #DCDCDCgainsboro
#00000Egostwhite #FFD700gold
#00E00Dgolenrod #808080gray
#008000green #ADFF2Fgreenyellow
#F0FFF0honeydew #FF69B4hotpink
#CD5C5Cindianred #FFFFF0ivory
#F0E68Ckhaki #E6E6FAlavender
#FFF0F5lavenderblush #7CFC00lawngreen
#FFFACDlemonchiffon #ADD8E6lightblue
#F08080lightcoral #E0FFFFlightcyan
#0000E0lightgodenrod #0000E0lightgodenrodyellow
#0000A0lightgray #90EE90lightgreen
#FFB6C1lightpink #FFA07Alightsalmon
#20B2AAlightseagreen #87CEFAlightskyblue
#0000EBlightslateblue #778899lightslategray
#B0C4DElightsteelblue #FFFFE0lightyellow
#32CD32limegreen #FAF0E6linen
#FF00FFmagenta #800000maroon
#66CDAAmediumaquamarine #0000CDmediumblue
#BA55D3mediumorchid #ED0000mediumpurpul
#3CB371mediumseagreen #7B68EEmediumslateblue
#00FA9Amediumspringgreen #48D1CCmediumturquoise
#C71585mediumvioletred #191970midnightblue
#F5FFFAmintcream #FFE4E1mistyrose
#FFE4B5moccasin #FFDEADnavajowhite
#000080navy #A0B0E0navyblue
#FDF5E6oldlace #6B8E23olivedrab
#FFA500orange #0E0EEDorengered
#DA70D6orchid #A00D00palegodenrod
#98FB98palegreen #AFEEEEpaleturquoise
#DB7093palevioletred #FFEFD5papayawhip
#FFDAB9peachpuff #CD853Fperu
#FFC0CBpink #DDA0DDplum
#B0E0E6powderblue #800080purple
#FF0000red #BC8F8Frosybrown
#4169E1royalblue #8B4513saddlebrown
#FA8072salmon #F4A460sandybrown
#2E8B57seagreen #FFF5EEseashell
#A0522Dsienna #87CEEBskyblue
#6A5ACDslateblue #708090slategray
#FFFAFAsnow #00FF7Fspringgreen
#4682B4steelblue #D2B48Ctan
#D8BFD8thistle #FF6347tomato
#40E0D0turquoise #EE82EEviolet
#00E0EDvioletred #F5DEB3wheat
#000E00hite #F5F5F5whitesmoke
#FFFF00yellow #9ACD32yellowgreen

收藏分享邀请

		自动登录	找回密码
密码			注册

HTML彻底剖析(15)调色原理

最新评论

相关分类