网页颜色模式

网页颜色模式

维基百科,自由的百科全书

跳转到: 导航, 搜索

网页颜色模式是在互联网上制作网页时,选择各种颜色的方法,可以用三组十六进制数字表示,也可以用英语颜色名称表示。

目录

[隐藏]
<script type="text/javascript"></script>

[编辑] 十六进制数字表示方法

在超文本置位语言(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名称

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

[编辑] 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"这个颜色。

每种基本颜色有6个色调
省略表示十六进制十进制
0000
33351
666102
999153
C or (12)CC204
F or (15)FF255

下面列出所有安全颜色,其中下划线的为“真正安全”颜色(参见下节):

Web-Safe Colors
000300600900C00F00003303603903C03F03
006306606906C06F06009309609909C09F09
00C30C60C90CC0CF0C00F30F60F90FC0FF0F
030330630930C30F30033333633933C33F33
036336636936C36F36039339639939C39F39
03C33C63C93CC3CF3C03F33F63F93FC3FF3F
060360660960C60F60063363663963C63F63
066366666966C66F66069369669969C69F69
06C36C66C96CC6CF6C06F36F66F96FC6FF6F
090390690990C90F90093393693993C93F93
096396696996C96F96099399699999C99F99
09C39C69C99CC9CF9C09F39F69F99FC9FF9F
0C03C06C09C0CC0FC00C33C36C39C3CC3FC3
0C63C66C69C6CC6FC60C93C96C99C9CC9FC9
0CC3CC6CC9CCCCCFCC0CF3CF6CF9CFCCFFCF
0F03F06F09F0CF0FF00F33F36F39F3CF3FF3
0F63F66F69F6CF6FF60F93F96F99F9CF9FF9
0FC3FC6FC9FCCFCFFC0FF3FF6FF9FFCFFFFF

[编辑] 真正安全颜色

当开发安全颜色调色板时,大部分显示方式是8位元的,David Lehn和Hadley Stern发现在更换16位元显示后,只有22种颜色是真正安全的,可以不会在更换显示后出现不协调的畸变。

[编辑] 参见

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值