当前位置:主页 > 网页教程 > 网页制作 > Html教程 > 内容欢迎大家投稿

html语言剖析十六 调色原理

时间:2009-09-28 22:43来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

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 常用颜色表:
color value name   color value name
  #00ffff aqua     #808080 gray
  #000080 navy     #c0c0c0 silver
  #000000 black     #008000 green
  #808000 olive     #008080 teal
  #0000ff blue     #00ff00 lime
  #800080 purple     #ffff00 yellow
  #ff00ff fuchsia     #800000 maroon
  #ff0000 red     #ffffff white
■ 其它常用颜色表:
color value name   color value name
  #f0f8ff aliceblue     #a00000 antiquewith
  #7fffd4 aquamarine     #f0ffff azure
  #f5f5dc beige     #ffe4c4 bisque
  #000000 black     #ffebcd blanchedalmond
  #0000ff blue     #8a2be2 blueviolet
  #a52a2a brown     #deb887 burlywood
  #5f9ea0 cadetblue     #7fff00 chartreuse
  #d2691e chocolate     #ff7f50 coral
  #c0f000 cornfloewrblue     #fff8dc cornsilk
  #00ffff cyan     #00008b darkblue
  #008b8b darkcyan     #b8860b darkgoldenrod
  #a9a9a9 darkgray     #006400 darkgreen
  #da0000 darkhaki     #8b008b darkmagenta
  #556b2f darkolivegreen     #da000e darkorenge
  #9932cc darkorchid     #8b0000 darkred
  #e9967a darksalmon     #8fbc8f darkseagreen
  #483d8b darkslateblue     #2f4f4f darkslategray
  #00ced1 darkturquoise     #9400d3 darkviolet
  #ff1493 deeppink     #00bfff deepskyblue
  #696969 dimgray     #1e90ff dodgerblue
  #b22222 firebrick     #fffaf0 floralwhite
  #228b22 forestgreen     #dcdcdc gainsboro
  #00000e gostwhite     #ffd700 gold
  #00e00d golenrod     #808080 gray
  #008000 green     #adff2f greenyellow
  #f0fff0 honeydew     #ff69b4 hotpink
  #cd5c5c indianred     #fffff0 ivory
  #f0e68c khaki     #e6e6fa lavender
  #fff0f5 lavenderblush     #7cfc00 lawngreen
  #fffacd lemonchiffon     #add8e6 lightblue
  #f08080 lightcoral     #e0ffff lightcyan
  #0000e0 lightgodenrod     #0000e0 lightgodenrodyellow
  #0000a0 lightgray     #90ee90 lightgreen
  #ffb6c1 lightpink     #ffa07a lightsalmon
  #20b2aa lightseagreen     #87cefa lightskyblue
  #0000eb lightslateblue     #778899 lightslategray
  #b0c4de lightsteelblue     #ffffe0 lightyellow
  #32cd32 limegreen     #faf0e6 linen
  #ff00ff magenta     #800000 maroon
  #66cdaa mediumaquamarine     #0000cd mediumblue
  #ba55d3 mediumorchid     #ed0000 mediumpurpul
  #3cb371 mediumseagreen     #7b68ee mediumslateblue
  #00fa9a mediumspringgreen     #48d1cc mediumturquoise
  #c71585 mediumvioletred     #191970 midnightblue
  #f5fffa mintcream     #ffe4e1 mistyrose
  #ffe4b5 moccasin     #ffdead navajowhite
  #000080 navy     #a0b0e0 navyblue
  #fdf5e6 oldlace     #6b8e23 olivedrab
  #ffa500 orange     #0e0eed orengered
  #da70d6 orchid     #a00d00 palegodenrod
  #98fb98 palegreen     #afeeee paleturquoise
  #db7093 palevioletred     #ffefd5 papayawhip
  #ffdab9 peachpuff     #cd853f peru
  #ffc0cb pink     #dda0dd plum
  #b0e0e6 powderblue     #800080 purple
  #ff0000 red     #bc8f8f rosybrown
  #4169e1 royalblue     #8b4513 saddlebrown
  #fa8072 salmon     #f4a460 sandybrown
  #2e8b57 seagreen     #fff5ee seashell
  #a0522d sienna     #87ceeb skyblue
  #6a5acd slateblue     #708090 slategray
  #fffafa snow     #00ff7f springgreen
  #4682b4 steelblue     #d2b48c tan
  #d8bfd8 thistle     #ff6347 tomato
  #40e0d0 turquoise     #ee82ee violet
  #00e0ed violetred     #f5deb3 wheat
  #000e00 hite     #f5f5f5 whitesmoke
  #ffff00 yellow     #9acd32 yellowgreen

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
  • html语言剖析十六 调色原理

    html 的颜色表示可分两种: 以命名方式定义常用的颜色,如 red 。 以 rgb 值表示,如 ...

  • HTML参考

    基本标签 html/html 创建一个HTML文档 head/head 设置文档标题以及其他不在WEB网页上...

  • HTML文档中小meta标签的大作用

    meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</...

  • HTML中的表格元素

    一,table标签。table标签是表格的标识符,用来界定表格的范围。table标签是成对使用...

赞助商链接
赞助商链接