网页颜色模式是在互联网上制作网页时,选择各种颜色的方法,可以用三组十六进制数字表示,也可以用英语颜色名称表示。
目录
|
在超文本置位语言(HTML)和css中使用3字节 共6个十六进制数字表示一种颜色,每字节从00到FF,相当十进位数字从0到255,按顺序前两位是红色的值,中间两位是绿色的值,最后两位是蓝色的值。
由于网页(WEB)是基于计算机浏览器开发的媒体,所以颜色以光学颜色RGB(红、绿、蓝)为主。 网页颜色是以16进制代码表示,一般以“#”号开头,后面分别为R、G、B的16位进制数。 FF为最大数,代表十进制255。比如白色是R、G、B三个颜色最大,在网页代码便是:#FFFFFF。黑色是三个颜色为0,在网页代码便是:#000000。当颜色代码为#XXYYZZ时,可以用#XYZ表示,如#135与#113355表示同样的颜色。
例如一种颜色在十进位中红、绿、蓝的比例分别是36、104、160(■),在十六进位制中则分别为24、68、A0,所以十六进位制数字表示方法就为:2468A0,如果数字小于16,在十六进位中就会小于10,前面就要加0,如在十进位中分别为0、1、2,在十六进位制数字表示方法中就为:000102,所以可以表示的颜色数总共有:256×256×256 = 16,777,216
在 HTML 4.01版本中,确定了16种颜色的英语名称:
| 颜色 | 英文 | 十六制数 | 颜色 | 英文 | 十六制数 | 颜色 | 英文 | 十六制数 | 颜色 | 英文名称 | 十六制数字 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| 黑色 | black | #000000 | 银灰色 | silver | #c0c0c0 | 栗色 | maroon | #800000 | 红色 | red | #ff0000 |
| 深蓝色 | navy | #000080 | 蓝色 | blue | #0000ff | 紫色 | purple | #800080 | 品红色 | fuchsia | #ff00ff |
| 绿色 | green | #008000 | 浅绿色 | lime | #00ff00 | 橄榄色 | olive | #808000 | 黄色 | yellow | #ffff00 |
| 墨绿色 | teal | #008080 | 青色 | aqua | #00ffff | 灰色 | gray | #808080 | 白色 | white | #ffffff |
在css 2.1版本中,增加了1种颜色英文名称:
| 颜色 | 英文名称 | 十六制代码 |
|---|---|---|
| 橙色 | orange | #ffa500 |
(Div之家www.divhome.com致力于网站|百度|Google|Alexa优化|排名|研究,为企业提供网站优化,提供Google搜索排名,营销服务。为广大SEOer提供搜索优化学习资料)
(Div之家www.divhome.com提供UI,用户体验设计,前端设计,界面设计和网站设计资讯)
网景导航者和Internet Explorer又增加了一些颜色的名称,是由X视窗系统制定的,SVG 1.0把这些颜色标准化,逐渐被大多数HTML用户接受。
| 颜色 | 十六制数字 | 颜色 | 十六制数字 |
|---|---|---|---|
| 印度红色 | #cd5c5c | 暗鲑红色 | #e9967a |
| 亮珊瑚色 | #f08080 | 鲑红色 | #fa8072 |
| 橙红色 | #ff4500 | 红色 | #ff0000 |
| 绯红色 | #dc143c | 耐火砖红色 | #b22222 |
| 暗红色 | #8b0000 | 中青紫红色 | #c71585 |
| 粉红色 | #ffc0cb | 亮粉红色 | #ffb6c1 |
| 暖粉红色 | #ff69b4 | 深粉红色 | #ff1493 |
| 灰紫红色 | #db7093 | 暗卡其色 | #bdb76b |
| 卡其色 | #f0e68c | 灰金橘色 | #eee8aa |
| 亮金橘黄色 | #fafad2 | 亮黄色 | #ffffe0 |
| 柠檬绸色 | #fffacd | 黄色 | #ffff00 |
| 金色 | #ffd700 | 番木瓜色 | #ffefd5 |
| 鹿皮鞋色 | #ffe4b5 | 桃色 | #ffdab9 |
| 青色 | #00ffff | 水色 | #00ffff |
| 碧蓝色 | #7fffd4 | 绿松石色 | #40e0d0 |
| 中绿松石色 | #48d1cc | 暗绿松石色 | #00ced1 |
| 军服蓝 | #5f9ea0 | 岩灰色 | #708090 |
| 亮青色 | #e0ffff | 灰绿松石色 | #afeeee |
| 婴儿粉蓝色 | #b0e0e6 | 亮钢蓝色 | #b0c4de |
| 钢蓝色 | #4682b4 | 亮蓝色 | #add8e6 |
| 天蓝色 | #87ceeb | 亮天蓝色 | #87cefa |
| 深天蓝色 | #00bfff | 矢车菊蓝色 | #6495ed |
| 品蓝色 | #4169e1 | 中研蓝色 | #7b68ee |
| 道奇蓝色 | #1e90ff | 蓝色 | #0000ff |
| 中蓝色 | #0000cd | 暗蓝色 | #00008b |
| 藏青色 | #000080 | 午夜蓝色 | #191970 |
| 亮鲑红色 | #ffa07a | 橙色 | #ffa500 |
| 暗橙色 | #ff8c00 | 珊瑚红色 | #ff7f50 |
| 番茄红色 | #ff6347 | 橙红色 | #ff4500 |
| 碧蓝色 | #7fffd4 | 中春绿色 | #00fa9a |
| 春绿色 | #00ff7f | 灰绿色 | #98fb98 |
| 绿黄色 | #adff2f | 查特酒绿色 | #7fff00 |
| 草坪绿色 | #7cfc00 | 柠檬绿色 | #00ff00 |
| 亮绿色 | #90ee90 | 黄绿色 | #9acd32 |
| 柠檬绿色 | #32cd32 | 中海绿色 | #3cb371 |
| 暗海绿色 | #8fbc8f | 森林绿色 | #228b22 |
| 海绿色 | #2e8b57 | 绿色 | #008000 |
| 橄榄军服绿色 | #6b8e23 | 橄榄色 | #808000 |
| 暗橄榄绿色 | #556b2f | 暗绿色 | #006400 |
| 中碧蓝色 | #66cdaa | 绿松石绿色 | #40e0d0 |
| 亮海绿色 | #20b2aa | 暗青色 | #008b8b |
| 凫绿色 | #008080 | 薰衣草紫色 | #e6e6fa |
| 蓟紫色 | #d8bfd8 | 李紫色 | #dda0dd |
| 紫蓝色 | #ee82ee | 品红色 | #f400a1 |
| 洋红色 | #ff00ff | 兰紫色 | #da70d6 |
| 中兰紫色 | #ba55d3 | 暗兰紫色 | #9932cc |
| 蓝紫色 | #8a2be2 | 暗紫色 | #9400d3 |
| 中紫红色 | #9370db | 岩蓝色 | #6a5acd |
| 紫色 | #800080 | 暗洋红色 | #8b008b |
| 暗岩蓝色 | #483d8b | 靛色 | #4b0082 |
| 蜜瓜绿色 | #f0fff0 | 薄荷奶油色 | #f5fffa |
| 湛蓝色 | #f0ffff | 爱丽丝蓝色 | #f0f8ff |
| 幽灵蓝色 | #f8f8ff | 白烟色 | #f5f5f5 |
| 薰衣草紫红色 | #fff0f5 | 雾玫瑰色 | #ffe4e1 |
| 古董白色 | #faebd7 | 海贝色 | #fff5ee |
| 雪色 | #fffafa | 白色 | #ffffff |
| 米色 | #f5f5dc | 亚麻色 | #faf0e6 |
| 旧蕾丝色 | #fdf5e6 | 花卉白色 | #fffaf0 |
| 象牙色 | #fffff0 | 庚斯博罗灰 | #dcdcdc |
| 亮灰色 | #d3d3d3 | 银色 | #c0c0c0 |
| 暗灰色 | #a9a9a9 | 灰色 | #808080 |
| 昏灰色 | #696969 | 暗岩灰色 | #2f4f4f |
| 亮岩灰色 | #778899 | 岩灰色 | #708090 |
| 玉米丝色 | #fff8dc | 杏仁白色 | #ffebcd |
| 陶坯黄色 | #ffe4c4 | 那瓦霍白色 | #f5deb3 |
| 沙褐色 | #f4a460 | 金菊色 | #daa520 |
| 暗金菊色 | #b8860b | 秘鲁色 | #cd853f |
| 巧克力色 | #d2691e | 栗色 | #800000 |
| 鞍褐色 | #8b4513 | 褐色 | #a52a2a |
| 黄土赭色 | #a0522d | 暗红色 | #8b0000 |
| 硬木色 | #deb887 | 日晒色 | #d2b48c |
| 玫瑰褐色 | #bc8f8f | 黑色 | #000000 |