HTML的一些关于颜色方面的参考

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1074
收藏 0 赞 0 分享
在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)
更多精彩内容其他人还在看

网页注释在IE中产生文字溢出

实验代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
收藏 0 赞 0 分享

HTML教程:定义列表

原文:http://andymao.com/andy/post/104.html 上一节:有序列表 写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什
收藏 0 赞 0 分享

HTML教程:有序列表

原文:http://andymao.com/andy/post/103.html 上一节:无序列表 信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的:操作步骤、排行榜、书目录……
收藏 0 赞 0 分享

HTML教程:无序列表

原文:http://andymao.com/andy/post/102.html 段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己在实际工作中不断的摸索与思考,然后创新并总结得出新的应用形式。当然了段落不能当作
收藏 0 赞 0 分享

HTML网页制作的强大8条技巧

  虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧。   1。使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多。 如: <tt>实用
收藏 0 赞 0 分享

网页表格分割线去除方法

网页表格分割线去除方法。 其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules。它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这
收藏 0 赞 0 分享

blockquote标记应用注意

关于语义化,不是一句两句就能说明白的,而且现在也没有一个官方的很严格的定义。关于<blockquote>没有争议的是: 1.引用一段较长的文字 2.可以使用cite标签或者属性 问题是<blockquote>引用的文字必须使用块级元素将他
收藏 0 赞 0 分享

网页表格表框制作技巧

网页表格表框制作技巧。 -------------------------------------------------------------------------------- 表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不
收藏 0 赞 0 分享

HTML其实就是学习几个重要标记的应用

《这将是一场革命》一文出来以后。得到业界大伙的认同,当然与此同时也得到部分来自内部与外部的挑衅,不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了,半夜在一个梦中醒来,梦里正在和小学的同学玩一个游戏——“The Next&rdquo
收藏 0 赞 0 分享

移动端专用的meta标签设置大全

不知道有没有人觉得,html的meta标签描述的头部信息特别多,下面这篇文章主要给大家分享介绍了关于移动端专用的meta设置的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多