学习HTML的一些关于颜色方面的参考_网页配色教程

[复制链接]
查看: 221|回复: 3
发表于 2018-3-24 11:27:49 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在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
发表于 2018-6-23 07:43:06 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复

使用道具 举报

发表于 2019-2-5 10:22:58 | 显示全部楼层
正需要,支持楼主大人了!
回复

使用道具 举报

发表于 2019-2-28 22:29:34 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

 
 
工作时间:
8:00-18:00
客服热线:
15368564009
客服微信