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分享
查看更多