网页颜色

网页颜色是设计网页时使用的颜色，以及描述和列举这些颜色的方法。有几种方法可以为网页的部分选择颜色。颜色可以以十六进制格式（十六进制三联体）的RGB三联体（一组三个数字）列出。RGB三连体可以做出16,777,216种不同的颜色。许多常见的颜色也可以通过其常用的英文名称来选择。通常使用颜色工具或其他图形软件来创建颜色值。 Mosaic和Netscape Navigator的第一个版本使用X11颜色名称作为颜色列表的基础。这是因为它们都是作为X窗口系统应用程序开始的。每种网络色彩都有自…

作者: Leandro Alegsa 创建: 2021年1月24日

网页颜色是设计网页时使用的颜色，以及描述和列举这些颜色的方法。

有几种方法可以为网页的部分选择颜色。颜色可以以十六进制格式（十六进制三联体）的RGB三联体（一组三个数字）列出。RGB三连体可以做出16,777,216种不同的颜色。许多常见的颜色也可以通过其常用的英文名称来选择。通常使用颜色工具或其他图形软件来创建颜色值。

Mosaic和Netscape Navigator的第一个版本使用X11颜色名称作为颜色列表的基础。这是因为它们都是作为X窗口系统应用程序开始的。

每种网络色彩都有自己的定义，sRGB。这与单一荧光粉组的色度、给定的传输曲线、自适应白点和观看条件有关。这些都被选择为与许多现实世界的显示器和观看条件相似。即使没有色彩管理，创建的色彩也相当接近给定值。然而，用户代理在显示颜色的保真度上可能有所不同。更好的用户代理使用色彩管理来创建更好的色彩保真度。这对于Web-to-print应用来说非常重要。

图片库

1 图片

en.wikipedia.org · CC0

六进制三联体

十六进制三进制是一个六位数、三个字节的数字，在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颜色

色彩	十六进制
橙色	#FFA500

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与单一荧光粉组的色度、给定的传输曲线、适应性白点和观看条件有关。

问：用户代理如何准确显示这些颜色？

答：更好的用户代理使用色彩管理来创造更好的色彩保真度，这对网络到印刷的应用非常重要。

作者

AlegsaOnline.com 网页颜色 Leandro Alegsa

URL: https://zh.alegsaonline.com/art/107055

如何引用本文

APA

Alegsa, L. (2021年1月24日). 网页颜色. AlegsaOnline.com. https://zh.alegsaonline.com/art/107055

MLA

Alegsa, Leandro. “网页颜色.” AlegsaOnline.com, 2021年1月24日, https://zh.alegsaonline.com/art/107055

Chicago

Alegsa, Leandro. “网页颜色.” AlegsaOnline.com. 更新 2021年1月24日. https://zh.alegsaonline.com/art/107055

BibTeX

@misc{alegsaonline_107055,
  author = {Alegsa, Leandro},
  title = {网页颜色},
  year = {2021},
  howpublished = {AlegsaOnline.com},
  url = {https://zh.alegsaonline.com/art/107055},
  note = {更新: 2021年1月24日; Language: zh-CN}
}

TXT

Leandro Alegsa. “网页颜色.” AlegsaOnline.com. 更新: 2021年1月24日. https://zh.alegsaonline.com/art/107055

来源

purei.com : "Web design details"
w3.org : HTML 4.01 Specification section 6.5 "Colors"

图片库