学习HTML的一些关于颜色方面的参考_网页配色教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
在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颜色值表示。
种不同的系统保留颜色。以下就是216种Web安全颜色:#这个符号。56种Web安全颜色呢?因为Microsoft和Mac操作系统有。
当然 ,现在的浏览器支持更多的颜色名称。不过为保险起见,建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。
为了方便大家找到合适的颜色 ,我们在这里列了一些颜色说明 ,以供大家参考 ,不妨作为一种速查工具 。
Web安全颜色
以前,很多电脑显示器最多支持256色,因此出现了216种Web安全颜色 ,以保证网页的颜色能够正确显示。
以下就是216种Web安全颜色:000000表示。以保证网页的颜色能够正确显示。
那为什么不是256种Web安全颜色呢?因为Microsoft和Mac操作系统有40种不同的系统保留颜色。
green, lime, maroon, navy, olive!
以下就是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) |
moccasin (#ffe4b5) |
navajowhite (#ffdead) |
navy (#000080) |
oldlace (#fdf5e6) |
olive (#808000) |
olivedrab (#6b8e23) |
orange (#ffa500) |
orangered (#ff4500) |
orchid (#da70d6) |
palegoldenrod (#eee8aa) |
palegreen (#98fb98 ) |
paleturquoise (#afeeee) |
palevioletred (#db7093 ) |
papayawhip (#ffefd5) |
peachpuff (#ffdab9 ) |
peru (#cd853f) |
pink (#ffc0cb) |
plum (#dda0dd) |
powderblue (#b0e0e6) |
purple (#800080) |
red (#ff0000 ) |
rosybrown (#bc8f8f) |
royalblue (#4169e1) |
saddlebrown (#8b4513) |
salmon (#fa8072) |
sandybrown (#f4a460) |
seagreen (#2e8b57 ) |
seashell (#fff5ee) |
sienna (#a0522d) |
silver (#c0c0c0) |
skyblue (#87ceeb) |
slateblue (#6a5acd) |
slategray (#708090) |
snow (#fffafa ) |
springgreen (#00ff7f) |
steelblue (#4682b4) |
tan (#d2b48c ) |
teal (#008080) |
thistle (#d8bfd8) |
tomato (#ff6347) |
turquoise (#40e0d0) |
violet (#ee82ee) |
wheat (#f5deb3) |
white (#ffffff) |
whitesmoke (#f5f5f5) |
yellow (#ffff00) |
yellowgreen (#9acd32) |
要害词:网页制作,HTML
相关网页配色教程:
- 相关链接:
- 教程说明:
网页配色教程-学习HTML的一些关于颜色方面的参考。