网页颜色模式
维基百科,自由的百科全书
网页颜色模式是在互联网上制作网页时,选择各种颜色的方法,可以用三组十六进制数字表示,也可以用英语颜色名称表示。
目录[隐藏] |
[编辑] 十六进制数字表示方法
在超文本置位语言(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名称
颜色 | 英文 | 十六制数 | 颜色 | 英文 | 十六制数 | 颜色 | 英文 | 十六制数 | 颜色 | 英文名称 | 十六制数字 |
---|---|---|---|---|---|---|---|---|---|---|---|
黑色 | 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 |
颜色 | 英文名称 | 十六制代码 |
---|---|---|
橙色 | orange | #ffa500 |
[编辑] X11 名称
网景导航者和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 |
[编辑] 网页安全颜色
当时许多计算机只能显示256种颜色,为了不使计算机出现混乱,软件专家琳达·魏蔓首先设计了一种216个颜色的调色板,为每种原色配备6种色调(6 × 6 × 6 = 216),称为安全颜色。但是到了21世纪后,计算机发展很快,显示器都已经使用24位元真彩色方式,已经超出了安全颜色的范围,但安全颜色仍然是最常用的色彩。安全颜色没有特定的名称,但都可以用十六进位制数字表示方法表示,下面列出的是216种颜色,每种只写出3个数,其中3代表33,C代表CC,例如F63就表示"#FF6633"这个颜色。
省略表示 | 十六进制 | 十进制 |
---|---|---|
0 | 00 | 0 |
3 | 33 | 51 |
6 | 66 | 102 |
9 | 99 | 153 |
C or (12) | CC | 204 |
F or (15) | FF | 255 |
下面列出所有安全颜色,其中下划线的为“真正安全”颜色(参见下节):
000 | 300 | 600 | 900 | C00 | F00 | 003 | 303 | 603 | 903 | C03 | F03 |
006 | 306 | 606 | 906 | C06 | F06 | 009 | 309 | 609 | 909 | C09 | F09 |
00C | 30C | 60C | 90C | C0C | F0C | 00F | 30F | 60F | 90F | C0F | F0F |
030 | 330 | 630 | 930 | C30 | F30 | 033 | 333 | 633 | 933 | C33 | F33 |
036 | 336 | 636 | 936 | C36 | F36 | 039 | 339 | 639 | 939 | C39 | F39 |
03C | 33C | 63C | 93C | C3C | F3C | 03F | 33F | 63F | 93F | C3F | F3F |
060 | 360 | 660 | 960 | C60 | F60 | 063 | 363 | 663 | 963 | C63 | F63 |
066 | 366 | 666 | 966 | C66 | F66 | 069 | 369 | 669 | 969 | C69 | F69 |
06C | 36C | 66C | 96C | C6C | F6C | 06F | 36F | 66F | 96F | C6F | F6F |
090 | 390 | 690 | 990 | C90 | F90 | 093 | 393 | 693 | 993 | C93 | F93 |
096 | 396 | 696 | 996 | C96 | F96 | 099 | 399 | 699 | 999 | C99 | F99 |
09C | 39C | 69C | 99C | C9C | F9C | 09F | 39F | 69F | 99F | C9F | F9F |
0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 | 0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 | 0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
0CC | 3CC | 6CC | 9CC | CCC | FCC | 0CF | 3CF | 6CF | 9CF | CCF | FCF |
0F0 | 3F0 | 6F0 | 9F0 | CF0 | FF0 | 0F3 | 3F3 | 6F3 | 9F3 | CF3 | FF3 |
0F6 | 3F6 | 6F6 | 9F6 | CF6 | FF6 | 0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
0FC | 3FC | 6FC | 9FC | CFC | FFC | 0FF | 3FF | 6FF | 9FF | CFF | FFF |
[编辑] 真正安全颜色
当开发安全颜色调色板时,大部分显示方式是8位元的,David Lehn和Hadley Stern发现在更换16位元显示后,只有22种颜色是真正安全的,可以不会在更换显示后出现不协调的畸变。