当前位置: 代码迷 >> HTML/CSS >> HTML色彩参考
  详细解决方案

HTML色彩参考

热度:484   发布时间:2012-11-23 00:03:43.0
HTML颜色参考

在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示,就是(#00),(#FF)。比如白色的RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表示。

注:在W3C制定的HTML 4.0标准中,只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow),其它的颜色都要用16进制RGB颜色值表示。

当然,现在的浏览器支持更多的颜色名称。不过为保险起见,建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。

为了方便大家找到合适的颜色,我们在这里列了一些颜色说明,以供大家参考,不妨作为一种速查工具。

Web安全颜色

以前,很多电脑显示器最多支持256色,因此出现了216种Web安全颜色,以保证网页的颜色能够正确显示。

那为什么不是256种Web安全颜色呢?因为Microsoft和Mac操作系统有40种不同的系统保留颜色。

以下就是216种Web安全颜色:

#000000 #000033 #000066 #000099 #0000cc #0000ff
#003300 #003333 #003366 #003399 #0033cc #0033ff
#006600 #006633 #006666 #006699 #0066cc #0066ff
#009900 #009933 #009966 #009999 #0099cc #0099ff
#00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff
#00ff00 #00ff33 #00ff66 #00ff99 #00ffcc #00ffff
#330000 #330033 #330066 #330099 #3300cc #3300ff
#333300 #333333 #333366 #333399 #3333cc #3333ff
#336600 #336633 #336666 #336699 #3366cc #3366ff
#339900 #339933 #339966 #339999 #3399cc #3399ff
#33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff
#33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff
#660000 #660033 #660066 #660099 #6600cc #6600ff
#663300 #663333 #663366 #663399 #6633cc #6633ff
#666600 #666633 #666666 #666699 #6666cc #6666ff
#669900 #669933 #669966 #669999 #6699cc #6699ff
#66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff
#66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff
#990000 #990033 #990066 #990099 #9900cc #9900ff
#993300 #993333 #993366 #993399 #9933cc #9933ff
#996600 #996633 #996666 #996699 #9966cc #9966ff
#999900 #999933 #999966 #999999 #9999cc #9999ff
#99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff
#99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff
#cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff
#cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff
#cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff
#cc9900 #cc9933 #cc9966 #cc9999 #cc99cc #cc99ff
#cccc00 #cccc33 #cccc66 #cccc99 #cccccc #ccccff
#ccff00 #ccff33 #ccff66 #ccff99 #ccffcc #ccffff
#ff0000 #ff0033 #ff0066 #ff0099 #ff00cc #ff00ff
#ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff
#ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff
#ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff
#ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff
#ffff00 #ffff33 #ffff66 #ffff99 #ffffcc #ffffff

微软支持的颜色名称

下面是微软IE4.0以上都支持的颜色名称:

aliceblue
(#f0f8ff)
antiquewhite
(#faebd7)
aqua
(#00ffff)
aquamarine
(#7fffd4)
azure
(#f0ffff)
beige
(#f5f5dc)
bisque
(#ffe4c4)
black
(#000000)
blanchedalmond
(#ffebcd)
blue
(#0000ff)
blueviolet
(#8a2be2)
brown
(#a52a2a)
burlywood
(#deb887)
cadetblue
(#5f9ea0)
chartreuse
(#7fff00)
chocolate
(#d2691e)
coral
(#ff7f50)
cornflowerblue
(#6495ed)
cornsilk
(#fff8dc)
crimson
(#dc143c)
cyan
(#00ffff)
darkblue
(#00008b)
darkcyan
(#008b8b)
darkgoldenrod
(#b8860b)
darkgray
(#a9a9a9)
darkgreen
(#006400)
darkkhaki
(#bdb76b)
darkmagenta
(#8b008b)
darkolivegreen
(#556b2f)
darkorange
(#ff8c00)
darkorchid
(#9932cc)
darkred
(#8b0000)
darksalmon
(#e9967a)
darkseagreen
(#8fbc8b)
darkslateblue
(#483d8b)
darkslategray
(#2f4f4f)
darkturquoise
(#00ced1)
darkviolet
(#9400d3)
deeppink
(#ff1493)
deepskyblue
(#00bfff)
dimgray
(#696969)
dodgerblue
(#1e90ff)
firebrick
(#b22222)
floralwhite
(#fffaf0)
forestgreen
(#228b22)
fuchsia
(#ff00ff)
gainsboro
(#dcdcdc)
ghostwhite
(#f8f8ff)
gold
(#ffd700)
goldenrod
(#daa520)
gray
(#808080)
green
(#008000)
greenyellow
(#adff2f)
honeydew
(#f0fff0)
hotpink
(#ff69b4)
indianred
(#cd5c5c)
indigo
(#4b0082)
ivory
(#fffff0)
khaki
(#f0e68c)
lavender
(#e6e6fa)
lavenderblush
(#fff0f5)
lawngreen
(#7cfc00)
lemonchiffon
(#fffacd)
lightblue
(#add8e6)
lightcoral
(#f08080)
lightcyan
(#e0ffff)
lightgoldenrodyellow
(#fafad2)
lightgreen
(#90ee90)
lightgrey
(#d3d3d3)
lightpink
(#ffb6c1)
lightsalmon
(#ffa07a)
lightseagreen
(#20b2aa)
lightskyblue
(#87cefa)
lightslategray
(#778899)
lightsteelblue
(#b0c4de)
lightyellow
(#ffffe0)
lime
(#00ff00)
limegreen
(#32cd32)
linen
(#faf0e6)
magenta
(#ff00ff)
maroon
(#800000)
mediumaquamarine
(#66cdaa)
mediumblue
(#0000cd)
mediumorchid
(#ba55d3)
mediumpurple
(#9370db)
mediumseagreen
(#3cb371)
mediumslateblue
(#7b68ee)
mediumspringgreen
(#00fa9a)
mediumturquoise
(#48d1cc)
mediumvioletred
(#c71585)
midnightblue
(#191970)
mintcream
(#f5fffa)
mistyrose
(#ffe4e1)
background-color: #ffe4b5; color: #333333; padding-left: 5px; padding-right: 5px; padding-top: 2
  相关解决方案