您的位置:首页 > Web前端 > HTML

HTML颜色参考

2007-11-03 20:22 471 查看
在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示 arw("!Hq", ark2);,就是(#00),(#FF arw("=z&UI", ark7);)。比如白色的RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表示 arw("+4X", ark6);。

因为Microsoft arw("%4N", ark7);和Mac操作系统有40种不同的系统保留颜色。比如blue表示蓝色。

arw("]oT|vh$PTn4t$D1$dh&Rn2Mj6@LJ@NF!LK[kL#Dw(;R[sv!fM6l&Uu(Zf)C5$8M%wG&HT(Zf)C5$Lu&U7)aT&XB>jFbxF>f@lU6rj7>f@lU6fh@x@LuxTwzNr@P>bPaV9>f@lf0vh4>f@lqNXh@x@LXV0Zn4>f@loFet@x@LZqNeh@x@LYx0YqR>f@lkRs@P>bDzqAvk@x@LchFU@P>b;wdCv@P>bFWi@ltRUq3h@S|vv$21$do&Rn(Zf)C5(4^)Vq&HTE1}iQ[Nle3^|nP}Mp[Fv}kj_px$F5", ark5);注:在W3C制定的HTML 4.0标准中,只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow),其它的颜色都要用16进制RGB颜色值表示。

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

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

Web安全颜色

很多电脑显示器最多支持256色,因此出现了216种Web安全颜色,以保证网页的颜色能够正确显示 arw("$iO", ark3);。进制RGB颜色值来表示颜色 arw("+4X", ark6);。

arw("*IT+ar!Hq+Fm+;U)vD&ff(r4);0+qG(nu+;U(vJ(XvQew&a8!Hq+oO(2S+c0)V^*JwQiw)8rw5R+1n+eG]Ba&a8!Hq*IT*Eb&0v)Gf]CD)py]Ba&a8&g7+;Z(2N)CI(r4);0-js", ark2);以前,很多电脑显示器最多支持256色,因此出现了216种Web安全颜色,以保证网页的颜色能够正确显示。

black, blue, fuchsia, gray, green.

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

lime, maroon, navy, olive, purple, red arw(">f", ark5);, silver.

以下就是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
arw(">TylLJlw", ark0);#00ff00#00ff33#00ff66#00ff99#00ffcc#00ffff
#330000#330033#330066#330099#3300ccarw(">Y2S71qg", ark1);#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
#660000arw(">Y7P71S4", ark1);#660033arw("@ZwV6uV0", ark4);#660066arw(">Y7P71IC", ark1);#660099arw("@ZwV6uDi", ark4);#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#990066arw("?AnLjuLa", ark2);#990099#9900cc#9900ff
#993300#993333#993366#993399#9933cc#9933ff
#996600#996633#996666#996699arw(">YyM1ltj", ark5);#9966cc#9966ff
#999900arw(">Y8IC8S4", ark1);#999933arw(">Y8IC8P1", ark1);#999966#999999arw("@ZniDnDi", ark4);#9999cc#9999ff
#99cc00arw("@ZniiGY5", ark4);#99cc33#99cc66#99cc99#99cccc#99ccff
#99ff00#99ff33#99ff66#99ff99#99ffcc#99ffff
arw(">TKNwylw", ark0);#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#ccff99arw(">Ydpgepj", ark1);#ccffcc#ccffff
#ff0000#ff0033#ff0066#ff0099arw("=py;KJ8y", ark7);#ff00cc#ff00ff
#ff3300#ff3333#ff3366#ff3399#ff33cc#ff33ff
arw("@BnwcSLi", ark3);#ff6600#ff6633arw(">TJOusru", ark0);#ff6666#ff6699#ff66ccarw("@BnwcSw5", ark3);#ff66ff
#ff9900#ff9933#ff9966#ff9999#ff99cc#ff99ff
#ffcc00#ffcc33#ffcc66#ffcc99#ffcccc#ffccff
#ffff00arw("@ZFAhFY5", ark4);#ffff33#ffff66#ffff99#ffffcc#ffffff

微软支持的颜色名称

以下就 arw("!SJ", ark4);是216种Web安全颜色:种不同的系统保留颜色。以保证网页的颜色能够正确显示。

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

arw("lTqz4zaIm", ark3);aliceblue

(#f0f8ff)
antiquewhite

(#faebd7)
aqua

(#00ffff)
aquamarine

(#7fffd4 arw(">i", ark1);)
azure

(#f0ffff)
arw("DiD4i", ark6);beige

(#f5f5dc)
bisque

(#ffe4c4)
black

(#000000)
blanchedalmond

(#ffebcd arw("?6", ark2);)
blue

(#0000ff)
blueviolet

(#8a2be2)
brown

(#a52a2a arw(">i", ark1);)
burlywood

arw("=y", ark7);(#deb887)
cadetblue

arw("?7", ark2);(#5f9ea0)
chartreuse

(#7fff00 arw("@7", ark3);)
chocolate

(#d2691e)
coral

(#ff7f50)
c arw("Hl", ark4);ornflowerblue

(#6495ed)
cornsilk

(#fff8dc arw("@7", ark3);)
crimson

arw(">j@miTE3ot@S", ark5);(#dc143c)
arw("DsQI", ark4);cyan

(#00ffff)
darkblue

arw("@6=oiMLiEk?l", ark3);(#00008b)
darkcyan

arw(">j", ark1);(#008b8b)
darkgoldenrod

(#b8860b arw(">i", ark5);)
darkgray

(#a9a9a9)
darkgreen

arw("@i", ark4);(#006400)
darkkhaki

arw("@6", ark3);(#bdb76b)
darkmagenta

(#8b008b)
darkolivegreen

(#556b2f)
darkorange

arw(">j", ark5);(#ff8c00)
darkorchid

(#9932cc arw("=z", ark7);)
darkred

(#8b0000)
darksalmon

arw(">j", ark1);(#e9967a)
darkseagreen

arw("=g>;A^DgdD=8", ark6);(#8fbc8b)
darkslateblue

(#483d8b)
darkslategray

(#2f4f4f arw(">J", ark0);)
darkturquoise

(#00ced1)
darkviolet

arw(">j", ark5);(#9400d3)
deeppink

(#ff1493)
deepskyblue

arw("?7", ark2);(#00bfff)
dimgray

(#696969 arw(">J", ark0);)
dodgerblue

(#1e90ff)
firebrick

(#b22222)
floralwhite

(#fffaf0)
forestgreen

(#228b22)
fuchsia

(#ff00ff)
arw("v8qYKzXNg", ark3);gainsboro

(#dcdcdc)
arw("lepZyxkdsr", ark1);ghostwhite

(#f8f8ff)
gold

(#ffd700)
goldenrod

(#daa520)
arw("vNyd", ark3);gray

(#808080)
green

(#008000)
greenyellow

(#adff2f arw("@7", ark3);)
arw("wn4vtSvv", ark5);honeydew

arw("@6=o5Mw5nL?l", ark3);(#f0fff0)
hotpink

arw("@6=o5nFbzH?l", ark3);(#ff69b4)
indianred

arw("@6=o6lG6Rz?l", ark3);(#cd5c5c)
indigo

(#4b0082)
ivory

arw(">I?GLJOLJl=L", ark0);(#fffff0)
khaki

(#f0e68c)
lavender

arw("@6=o4Sxcnl?l", ark3);(#e6e6fa)
lavenderblush

arw(">j", ark5);(#fff0f5)
lawngreen

(#7cfc00)
arw("NiHQr95e^3kG", ark6);lemonchiffon

(#fffacd)
lightblue

(#add8e6)
lightcoral

(#f08080)
lightcyan

(#e0ffff)
lightgoldenrodyellow

(#fafad2)
lightgreen

(#90ee90 arw("=z", ark7);)
arw("NeB5xBTiT", ark6);lightgrey

(#d3d3d3)
lightpink

(#ffb6c1)
lightsalmon

(#ffa07a)
arw("a0ouLUx8oU4mY", ark3);lightseagreen

(#20b2aa arw("@7", ark3);)
lightskyblue

arw(">I?GotNKJL=L", ark0);(#87cefa)
lightslategray

(#778899)
lightsteelblue

(#b0c4de)
lightyellow

(#ffffe0)
arw("Ud5v", ark5);lime

(#00ff00)
limegreen

(#32cd32)
linen

arw(">j@mgFu7RL@S", ark5);(#faf0e6)
magenta

arw("=g", ark6);(#ff00ff)
maroon

(#800000)
mediumaquamarine

(#66cdaa)
arw("GwwCgb7bj^", ark7);mediumblue

(#0000cd)
mediumorchid

(#ba55d3)
mediumpurple

(#9370db arw("=h", ark6);)
mediumseagreen

(#3cb371)
mediumslateblue

(#7b68ee)
mediumspringgreen

(#00fa9a)
mediumturquoise

arw("=y>3GR9Lx8?w", ark7);(#48d1cc)
mediumvioletred

(#c71585)
midnightblue

(#191970)
mintcream

(#f5fffa)
mistyrose

(#ffe4e1 arw("@7", ark3);)
moccasin

(#ffe4b5)
arw("IU11dCPfISg", ark4);navajowhite

(#ffdead)
navy

arw(">I?Gwylwql=L", ark0);(#000080)
arw("dqcgVdr", ark1);oldlace

arw(">I", ark0);(#fdf5e6)
olive

arw("?7?xbuKjuS@H", ark2);(#808000)
olivedrab

(#6b8e23)
orange

(#ffa500)
orangered

(#ff4500)
orchid

arw("@i", ark4);(#da70d6)
palegoldenrod

(#eee8aa)
palegreen

(#98fb98)
paleturquoise

(#afeeee)
palevioletred

(#db7093)
papayawhip

(#ffefd5)
peachpuff

(#ffdab9)
peru

(#cd853f)
pink

(#ffc0cb)
plum

(#dda0dd)
powderblue

arw("?7?x8uojEM@H", ark2);(#b0e0e6)
arw("RyKRp;", ark6);purple

(#800080)
red

(#ff0000)
rosybrown

(#bc8f8f)
arw("TkTCp6Ny;", ark6);royalblue

(#4169e1)
saddlebrown

arw("@6", ark3);(#8b4513)
salmon

(#fa8072)
sandybrown

(#f4a460)
seagreen

(#2e8b57)
seashell

(#fff5ee)
sienna

(#a0522d)
silver

arw(">j@mjrt7TF@S", ark5);(#c0c0c0)
skyblue

(#87ceeb)
slateblue

(#6a5acd)
slategray

(#708090)
snow

(#fffafa)
springgreen

(#00ff7f)
steelblue

arw("=g>;0bU66g=8", ark6);(#4682b4)
tan

(#d2b48c)
teal

(#008080)
thistle

(#d8bfd8 arw("@j", ark4);)
tomato

(#ff6347)
turquoise

arw(">I", ark0);(#40e0d0)
violet

(#ee82ee arw(">i", ark1);)
wheat

arw("=g", ark6);(#f5deb3)
white

(#ffffff)
whitesmoke

(#f5f5f5)
yellow

(#ffff00 arw("@j", ark4);)
yellowgreen

(#9acd32)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: