网页颜色
网页颜色是设计网页时使用的颜色,以及描述和列举这些颜色的方法。
有几种方法可以为网页的部分选择颜色。颜色可以以十六进制格式(十六进制三联体)的RGB三联体(一组三个数字)列出。RGB三连体可以做出16,777,216种不同的颜色。许多常见的颜色也可以通过其常用的英文名称来选择。通常使用颜色工具或其他图形软件来创建颜色值。
Mosaic和Netscape Navigator的第一个版本使用X11颜色名称作为颜色列表的基础。这是因为它们都是作为X窗口系统应用程序开始的。
每种网络色彩都有自己的定义,sRGB。这与单一荧光粉组的色度、给定的传输曲线、自适应白点和观看条件有关。这些都被选择为与许多现实世界的显示器和观看条件相似。即使没有色彩管理,创建的色彩也相当接近给定值。然而,用户代理在显示颜色的保真度上可能有所不同。更好的用户代理使用色彩管理来创建更好的色彩保真度。这对于Web-to-print应用来说非常重要。
六进制三联体
十六进制三进制是一个六位数、三个字节的数字,在HTML、CSS、SVG和其他计算机程序中,用来表示颜色。字节代表颜色的红、绿、蓝三部分。一个字节代表一个范围为00到FF的数字,或十进制符号中的0到255。这代表了每个颜色成分的最小(0)到最大(255)强度。十六进制三连字符是由三个字节以十六进制符号连接而成,顺序如下。
字节 1:红色值(颜色类型为红色)。
字节2:绿色值(颜色类型为绿色)
字节3:蓝色值(颜色类型为蓝色)
例如,考虑红色/绿色/蓝色值为十进制数的颜色:红色=36,绿色=104,蓝色=160(一种灰蓝色)。十进制数36、104和160分别与数字24、68和A0相似。将6个十六进制数字组合在一起就可以得到十六进制三连号,本例中为2468A0。
HTML网页颜色
1997年制定,原来有16种颜色。后来又加入了橙色,一共有17种。最初的16种颜色是被称为"Windows VGA模板"的一部分,这意味着它们是可以用于高亮等操作的颜色。[]
色彩 | 十六进制 | 色彩 | 十六进制 | 色彩 | 十六进制 | 色彩 | 十六进制 |
水族 | #00FFFF | 灰色 | #808080 | 海军 | #000080 | 银子 | #C0C0C0 |
黑色 | #000000 | 绿化 | #008000 | 橄榄 | #808000 | 鹔 | #008080 |
蓝色 | #0000FF | 石灰 | #00FF00 | 紫色 | #800080 | 白色 | #FFFFFF |
紫红色 | #FF00FF | 栗色 | #800000 | 红色 | #FF0000 | 黄 | #FFFF00 |
后期添加HTML颜色
X11颜色(1987年制定
自1991年万维网发明以来,这些颜色被称为"X11网页颜色"。
HTML名称 | 十六进制代码 R G B | 小数点代码 R G B | 红色 | 印度红 | CD 5C 5C | 205 92 92 | 浅珊瑚色 | F0 80 80 | 240 128 128 | 鲑鱼 | FA 80 72 | 250 128 114 | 黑鲑鱼 | E9 96 7A | 233 150 122 | 清淡的三文鱼 | FF A0 7A | 255 160 122 | 绯红 | DC 14 3C | 220 20 60 | 红色 | FF 00 00 | 255 0 0 | 消防砖 | B2 22 22 | 178 34 34 | 深红 | 8B 00 00 | 139 0 0 | 粉色 | 粉红色的 | FF C0 CB | 255 192 203 | 淺粉色 | FF B6 C1 | 255 182 193 | 热粉色 | FF 69 B4 | 255 105 180 | 深粉色 | FF 14 93 | 255 20 147 | 中紫红 | C7 15 85 | 199 21 133 | 淡紫红 | DB 70 93 | 219 112 147 | 橙色 | 清淡的三文鱼 | FF A0 7A | 255 160 122 | 珊瑚 | FF 7F 50 | 255 127 80 | 番茄 | FF 63 47 | 255 99 71 | 橙红 | FF 45 00 | 255 69 0 | 深橙 | FF 8C 00 | 255 140 0 | 橙色 | FF A5 00 | 255 165 0 | | | | 黄色 | 黄金 | FF D7 00 | 255 215 0 | 黄 | FF FF 00 | 255 255 0 | 淺黃色 | FF FF E0 | 255 255 224 | 柠檬雪纺 | FF FA CD | 255 250 205 | 浅金黄 | FA FA D2 | 250 250 210 | 木瓜鞭 | FF EF D5 | 255 239 213 | 软皮鞋 | FF E4 B5 | 255 228 181 | 桃花泡芙 | FF DA B9 | 255 218 185 | 淡金花 | EE E8 AA | 238 232 170 | 卡其色 | F0 E6 8C | 240 230 140 | 深卡其色 | BD B7 6B | 189 183 107 | 紫色 | 薰衣草 | E6 E6 FA | 230 230 250 | 蓟 | D8 BF D8 | 216 191 216 | 梅子 | DD A0 DD | 221 160 221 | 紫罗兰 | EE 82 EE | 238 130 238 | 兰花 | DA 70 D6 | 218 112 214 | 紫红 | FF 00 FF | 255 0 255 | 品红 | FF 00 FF | 255 0 255 | 中型兰花 | BA 55 D3 | 186 85 211 | 中紫 | 93 70 DB | 147 112 219 | 紫水晶 | 99 66 CC | 153 102 204 | 蓝紫罗兰 | 8A 2B E2 | 138 43 226 | 深紫 | 94 00 D3 | 148 0 211 | 暗兰花 | 99 32 CC | 153 50 204 | 深品红 | 8B 00 8B | 139 0 139 | 紫色 | 80 00 80 | 128 0 128 | 靛蓝 | 4B 00 82 | 75 0 130 | 板岩蓝 | 6A 5A CD | 106 90 205 | 深石板蓝 | 48 3D 8B | 72 61 139 | 中型板蓝 | 7B 68 EE | 123 104 238 | | HTML名称 | 十六进制代码 R G B | 小数点代码 R G B | 绿色 | 绿色 黄色 | AD FF 2F | 173 255 47 | 赭石色 | 7F FF 00 | 127 255 0 | 草坪绿化 | 7C FC 00 | 124 252 0 | 青柠 | 00 FF 00 | 0 255 0 | 青柠绿 | 32 CD 32 | 50 205 50 | 淡绿色 | 98 FB 98 | 152 251 152 | 淺綠色 | 90 EE 90 | 144 238 144 | 中等春绿 | 00 FA 9A | 0 250 154 | 春天的绿色 | 00 FF 7F | 0 255 127 | 中海绿 | 3C B3 71 | 60 179 113 | 海绿 | 2E 8B 57 | 46 139 87 | 森林绿 | 22 8B 22 | 34 139 34 | 绿色环保 | 00 80 00 | 0 128 0 | 深绿 | 00 64 00 | 0 100 0 | 黄色 绿色 | 9A CD 32 | 154 205 50 | 橄榄灰褐色 | 6B 8E 23 | 107 142 35 | 橄榄 | 80 80 00 | 128 128 0 | 深橄榄绿 | 55 6B 2F | 85 107 47 | 中等海蓝宝石 | 66 CD AA | 102 205 170 | 深海绿 | 8F BC 8F | 143 188 143 | 浅海绿 | 20 B2 AA | 32 178 170 | 深青色 | 00 8B 8B | 0 139 139 | 青色 | 00 80 80 | 0 128 128 | 蓝色 | 水族 | 00 FF FF | 0 255 255 | 青色 | 00 FF FF | 0 255 255 | 淡青色 | E0 FF FF | 224 255 255 | 淡绿松石 | AF EE EE | 175 238 238 | 海蓝宝石 | 7F FF D4 | 127 255 212 | 绿松石 | 40 E0 D0 | 64 224 208 | 中号绿松石 | 48 D1 CC | 72 209 204 | 深绿松石 | 00 CE D1 | 0 206 209 | Cadet Blue | 5F 9E A0 | 95 158 160 | 钢蓝 | 46 82 B4 | 70 130 180 | 浅钢蓝 | B0 C4 DE | 176 196 222 | 粉蓝 | B0 E0 E6 | 176 224 230 | 浅蓝 | AD D8 E6 | 173 216 230 | 天蓝 | 87 CE EB | 135 206 235 | 浅天蓝 | 87 CE FA | 135 206 250 | 深空蓝 | 00 BF FF | 0 191 255 | 道奇蓝 | 1E 90 FF | 30 144 255 | 矢车菊蓝 | 64 95 ED | 100 149 237 | 中型板蓝 | 7B 68 EE | 123 104 238 | 皇家蓝 | 41 69 E1 | 65 105 225 | 蓝 | 00 00 FF | 0 0 255 | 中蓝 | 00 00 CD | 0 0 205 | 深蓝 | 00 00 8B | 0 0 139 | 海军 | 00 00 80 | 0 0 128 | 午夜蓝 | 19 19 70 | 25 25 112 | | HTML名称 | 十六进制代码 R G B | 小数点代码 R G B | 棕色 | 玉米丝 | FF F8 DC | 255 248 220 | 焯过的杏仁 | FF EB CD | 255 235 205 | 比斯克 | FF E4 C4 | 255 228 196 | 纳瓦霍白族 | FF DE AD | 255 222 173 | 小麦 | F5 DE B3 | 245 222 179 | 粗壮的木头 | DE B8 87 | 222 184 135 | 谭 | D2 B4 8C | 210 180 140 | 玫瑰色 | BC 8F 8F | 188 143 143 | Sandy Brown | F4 A4 60 | 244 164 96 | 金线莲 | DA A5 20 | 218 165 32 | 暗金花 | B8 86 0B | 184 134 11 | 秘鲁 | CD 85 3F | 205 133 63 | 朱古力 | D2 69 1E | 210 105 30 | 棕色马鞍 | 8B 45 13 | 139 69 19 | 西耶娜 | A0 52 2D | 160 82 45 | 棕 | A5 2A 2A | 165 42 42 | 栗色 | 80 00 00 | 128 0 0 | 白色 | 白色 | FF FF FF | 255 255 255 | 雪 | FF FA FA | 255 250 250 | 蜜露 | F0 FF F0 | 240 255 240 | 薄荷霜 | F5 FF FA | 245 255 250 | 蔚蓝 | F0 FF FF | 240 255 255 | 爱丽丝蓝 | F0 F8 FF | 240 248 255 | 幽灵白 | F8 F8 FF | 248 248 255 | 白烟 | F5 F5 F5 | 245 245 245 | 贝壳 | FF F5 EE | 255 245 238 | 米色 | F5 F5 DC | 245 245 220 | 老花边 | FD F5 E6 | 253 245 230 | 花白 | FF FA F0 | 255 250 240 | 象牙色 | FF FF F0 | 255 255 240 | 古代白色 | FA EB D7 | 250 235 215 | 亚麻布 | FA F0 E6 | 250 240 230 | 薰衣草色 | FF F0 F5 | 255 240 245 | 雾玫瑰 | FF E4 E1 | 255 228 225 | 灰色 | Gainsboro | DC DC DC DC | 220 220 220 | 淺灰色 | D3 D3 D3 | 211 211 211 | 银色 | C0 C0 C0 | 192 192 192 | 深灰 | A9 A9 A9 | 169 169 169 | 灰色 | 80 80 80 | 128 128 128 | 灰色 | 69 69 69 | 105 105 105 | 浅板岩灰 | 77 88 99 | 119 136 153 | 板岩灰 | 70 80 90 | 112 128 144 | 黑板岩灰 | 2F 4F 4F | 47 79 79 | 黑 | 00 00 00 | 0 0 0 | |
选定网页颜色的图表
这张图显示了选定的HTML和X11颜色,以及2002年以来由网页设计师开发的选定的非官方共识网页颜色。当使用非官方颜色输入代码时,必须指定颜色的十六进制代码,而不是写颜色的名称。
问题和答案
问:什么是网页颜色?
答:网络颜色是指设计网页时使用的颜色,以及描述和列出这些颜色的方法。
问:用RGB三联体可以创造多少种不同的颜色?
答:RGB三联体可以产生16,777,216种不同的颜色。
问:其中一些颜色是否有常见的英文名称?
答:是的,许多常见的颜色也可以通过其常见的英文名称来选择。
问:通常用什么软件来创建颜色值?
答:通常是用色彩工具或其他图形软件来创建色值。
问:最初的Mosaic和Netscape Navigator颜色列表的基础是什么?
答:Mosaic和Netscape Navigator的第一个版本使用X11颜色名称作为其颜色列表的基础,因为它们都是以X窗口系统应用开始的。
问:当涉及到网络颜色时,sRGB与什么有关?
答:每种网络颜色都有自己的定义,sRGB与单一荧光粉组的色度、给定的传输曲线、适应性白点和观看条件有关。
问:用户代理如何准确显示这些颜色?
答:更好的用户代理使用色彩管理来创造更好的色彩保真度,这对网络到印刷的应用非常重要。