CSS颜色代码

CSS颜色代码和名称。

• 红色
• 橙色
• 黄色
• 绿色
• 青色
• 蓝色
• 紫色
• 粉色
• 白色
• 灰色
• 棕色

CSS颜色

颜色代码可以是以下之一：

十六进制格式：#rrggbb

RGB格式：rgb(红色, 绿色, 蓝色)

名称格式： 名称

例子

对于橙色：

十六进制格式：#FFA500

RGB格式：rgb(255,165,0)

名称格式：橙色

设置元素颜色

对于特定元素：

<element style="color: <em>代码</em>;"></element>

对于所有相同类型的元素。将代码放入头部的

例子

将段落文本颜色设置为红色：

设置特定段落的颜色：

<p style="color: #FF0000;">一些文本 ...</p>

视图：

一些文本 ...

设置所有段落的颜色

<style> p { color: #FF0000; } </style>

设置元素背景颜色

element { background: code; }

例子

将段落背景颜色设置为红色：

设置特定段落的背景颜色：

<p style="background: #FF0000;">一些文本 ...</p>

视图：

一些文本 ...

设置所有段落的背景颜色：

<style> p { background: #FF0000; } </style>

设置元素边框颜色

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">一些文本 ...</p>

例子

将段落边框颜色设置为红色、绿色、蓝色和黑色：

设置特定段落的边框颜色：

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">一些文本 ...</p>

视图：

一些文本 ...

设置所有段落的边框颜色：

<style> p { border-color: #FF0000 #00FF00 #0000FF #000000; }<br> </style>

红色

颜色	HTML / CSS 颜色名称	十六进制码 #RRGGBB	十进制码 (R,G,B)
	lightsalmon	#FFA07A	rgb(255,160,122)
	salmon	#FA8072	rgb(250,128,114)
	darksalmon	#E9967A	rgb(233,150,122)
	lightcoral	#F08080	rgb(240,128,128)
	indianred	#CD5C5C	rgb(205,92,92)
	crimson	#DC143C	rgb(220,20,60)
	firebrick	#B22222	rgb(178,34,34)
	red	#FF0000	rgb(255,0,0)
	darkred	#8B0000	rgb(139,0,0)

橙色

颜色	HTML / CSS 颜色名称	十六进制码 #RRGGBB	十进制码 (R,G,B)
	coral	#FF7F50	rgb(255,127,80)
	tomato	#FF6347	rgb(255,99,71)
	orangered	#FF4500	rgb(255,69,0)
	gold	#FFD700	rgb(255,215,0)
	orange	#FFA500	rgb(255,165,0)
	darkorange	#FF8C00	rgb(255,140,0)

黄色

颜色	HTML / CSS 颜色名称	十六进制代码 #RRGGBB	十进制代码 (R,G,B)
	浅黄色	#FFFFE0	rgb(255,255,224)
	柠檬绸色	#FFFACD	rgb(255,250,205)
	浅金黄色	#FAFAD2	rgb(250,250,210)
	番木瓜色	#FFEFD5	rgb(255,239,213)
	鹿皮色	#FFE4B5	rgb(255,228,181)
	桃色	#FFDAB9	rgb(255,218,185)
	灰金黄色	#EEE8AA	rgb(238,232,170)
	卡其色	#F0E68C	rgb(240,230,140)
	深卡其色	#BDB76B	rgb(189,183,107)
	黄色	#FFFF00	rgb(255,255,0)

绿色

颜色	HTML / CSS 颜色名称	十六进制代码 #RRGGBB	十进制代码 (R,G,B)
	草绿色	#7CFC00	rgb(124,252,0)
	淡黄绿色	#7FFF00	rgb(127,255,0)
	酸橙绿	#32CD32	rgb(50,205,50)
	酸橙色	#00FF00	rgb(0.255.0)
	森林绿	#228B22	rgb(34,139,34)
	绿色	#008000	rgb(0,128,0)
	深绿色	#006400	rgb(0,100,0)
	绿黄色	#ADFF2F	rgb(173,255,47)
	黄绿色	#9ACD32	rgb(154,205,50)
	春绿色	#00FF7F	rgb(0,255,127)
	中春绿色	#00FA9A	rgb(0,250,154)
	浅绿色	#90EE90	rgb(144,238,144)
	苍绿色	#98FB98	rgb(152,251,152)
	深海绿色	#8FBC8F	rgb(143,188,143)
	中海绿色	#3CB371	rgb(60,179,113)
	海绿色	#2E8B57	rgb(46,139,87)
	橄榄色	#808000	rgb(128,128,0)
	深橄榄绿	#556B2F	rgb(85,107,47)
	橄榄褐色	#6B8E23	rgb(107,142,35)

青色

颜色	HTML / CSS 颜色名称	十六进制码 #RRGGBB	十进制码 (R,G,B)
	浅青色	#E0FFFF	rgb(224,255,255)
	青色	#00FFFF	rgb(0,255,255)
	水绿色	#00FFFF	rgb(0,255,255)
	碧绿色	#7FFFD4	rgb(127,255,212)
	中碧绿色	#66CDAA	rgb(102,205,170)
	灰绿色	#AFEEEE	rgb(175,238,238)
	绿宝石色	#40E0D0	rgb(64,224,208)
	中绿宝石色	#48D1CC	rgb(72,209,204)
	暗绿宝石色	#00CED1	rgb(0,206,209)
	浅海洋绿色	#20B2AA	rgb(32,178,170)
	军兰色	#5F9EA0	rgb(95,158,160)
	深青色	#008B8B	rgb(0,139,139)
	水鸭色	#008080	rgb(0,128,128)

蓝色

颜色	HTML / CSS 颜色名称	十六进制码 #RRGGBB	十进制码 (R,G,B)
	粉蓝色	#B0E0E6	rgb(176,224,230)
	淡蓝色	#ADD8E6	rgb(173,216,230)
	亮天蓝色	#87CEFA	rgb(135,206,250)
	天蓝色	#87CEEB	rgb(135,206,235)
	深天蓝色	#00BFFF	rgb(0,191,255)
	淡钢蓝色	#B0C4DE	rgb(176,196,222)
	道奇蓝色	#1E90FF	rgb(30,144,255)
	矢车菊蓝色	#6495ED	rgb(100,149,237)
	钢蓝色	#4682B4	rgb(70,130,180)
	皇家蓝色	#4169E1	rgb(65,105,225)
	蓝色	#0000FF	rgb(0,0,255)
	中蓝色	#0000CD	rgb(0,0,205)
	暗蓝色	#00008B	rgb(0,0,139)
	海军蓝色	#000080	rgb(0,0,128)
	午夜蓝色	#191970	rgb(25,25,112)
	中板岩蓝色	#7B68EE	rgb(123,104,238)
	板岩蓝色	#6A5ACD	rgb(106,90,205)
	深板岩蓝色	#483D8B	rgb(72,61,139)

紫色

颜色	HTML / CSS  颜色名称	十六进制码  #RRGGBB	十进制码 (R,G,B)
	薰衣草	#E6E6FA	rgb(230,230,250)
	蓟	#D8BFD8	rgb(216,191,216)
	李子	#DDA0DD	rgb(221,160,221)
	紫罗兰	#EE82EE	rgb(238,130,238)
	兰花紫	#DA70D6	rgb(218,112,214)
	紫红	#FF00FF	rgb(255,0,255)
	洋红	#FF00FF	rgb(255,0,255)
	中兰花紫	#BA55D3	rgb(186,85,211)
	中紫	#9370DB	rgb(147,112,219)
	蓝紫色	#8A2BE2	rgb(138,43,226)
	暗紫	#9400D3	rgb(148,0,211)
	暗兰花紫	#9932CC	rgb(153,50,204)
	暗洋红	#8B008B	rgb(139,0,139)
	紫色	#800080	rgb(128,0,128)
	靛蓝	#4B0082	rgb(75,0,130)

粉色

颜色	HTML / CSS 颜色名称	十六进制码 #RRGGBB	十进制码 (R,G,B)
	粉红	#FFC0CB	rgb(255,192,203)
	浅粉红	#FFB6C1	rgb(255,182,193)
	热粉红	#FF69B4	rgb(255,105,180)
	深粉红	#FF1493	rgb(255,20,147)
	苍白的紫罗兰红色	#DB7093	rgb(219,112,147)
	中紫罗兰红色	#C71585	rgb(199,21,133)

白色

颜色	HTML / CSS 颜色名称	十六进制码 #RRGGBB	十进制码 (R,G,B)
	白色	#FFFFFF	rgb(255,255,255)
	雪白	#FFFAFA	rgb(255,250,250)
	蜜色	#F0FFF0	rgb(240,255,240)
	薄荷色	#F5FFFA	rgb(245,255,250)
	天蓝色	#F0FFFF	rgb(240,255,255)
	爱丽丝蓝	#F0F8FF	rgb(240,248,255)
	幽灵白	#F8F8FF	rgb(248,248,255)
	烟白色	#F5F5F5	rgb(245,245,245)
	海贝色	#FFF5EE	rgb(255,245,238)
	米色	#F5F5DC	rgb(245,245,220)
	老花色	#FDF5E6	rgb(253,245,230)
	花白	#FFFAF0	rgb(255,250,240)
	象牙白	#FFFFF0	rgb(255,255,240)
	古董白	#FAEBD7	rgb(250,235,215)
	亚麻色	#FAF0E6	rgb(250,240,230)
	薰衣草色	#FFF0F5	rgb(255,240,245)
	玫瑰霞色	#FFE4E1	rgb(255,228,225)

灰色

颜色	HTML / CSS 颜色名称	十六进制码 #RRGGBB	十进制码 (R,G,B)
	gainsboro	#DCDCDC	rgb(220,220,220)
	lightgray	#D3D3D3	rgb(211,211,211)
	silver	#C0C0C0	rgb(192,192,192)
	darkgray	#A9A9A9	rgb(169,169,169)
	gray	#808080	rgb(128,128,128)
	dimgray	#696969	rgb(105,105,105)
	lightslategray	#778899	rgb(119,136,153)
	slategray	#708090	rgb(112,128,144)
	darkslategray	#2F4F4F	rgb(47,79,79)
	black	#000000	rgb(0,0,0)

棕色

颜色	HTML / CSS 颜色名称	十六进制码 #RRGGBB	十进制码 (R,G,B)
	cornsilk	#FFF8DC	rgb(255,248,220)
	blanchedalmond	#FFEBCD	rgb(255,235,205)
	bisque	#FFE4C4	rgb(255,228,196)
	navajowhite	#FFDEAD	rgb(255,222,173)
	wheat	#F5DEB3	rgb(245,222,179)
	burlywood	#DEB887	rgb(222,184,135)
	tan	#D2B48C	rgb(210,180,140)
	rosybrown	#BC8F8F	rgb(188,143,143)
	sandybrown	#F4A460	rgb(244,164,96)
	goldenrod	#DAA520	rgb(218,165,32)
	peru	#CD853F	rgb(205,133,63)
	chocolate	#D2691E	rgb(210,105,30)
	saddlebrown	#8B4513	rgb(139,69,19)
	sienna	#A0522D	rgb(160,82,45)
	brown	#A52A2A	rgb(165,42,42)
	maroon	#800000	rgb(128,0,0)

 

---

另请参阅

• CSS导航栏