CSS颜色代码

CSS颜色代码和名称。

CSS颜色

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

十六进制格式:#rrggbb

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

名称格式:名称

对于橙色:

十六进制格式:#FFA500

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

名称格式:橙色

设定元素颜色

对于特定元素:

<element style="color: code;"/</element/

对于相同类型的所有元素。将代码放在头部的<style/标记中:

<style/
   element
{ color: code; }
</style/

将段落文字颜色设置为红色:

设置特定段落的颜色:

<p style="color: #FF0000;"/Some text ...</p/

视图:

一些文字...

设置所有段落的颜色

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

设置元素背景色

element { background: code; }

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

设置特定段落的背景色:

<p style="background: #FF0000;">Some text ...</p>

视图:

一些文字...

设置所有段落的背景色:

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

设置元素边框颜色

element { border-color: topcode rightcode bottomcode leftcode }

将段落边框颜色设置为红色,绿色,蓝色和黑色:

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

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>

视图:

一些文字...

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

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

红颜色

颜色 HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
  Lightsalmon #FFA07A RGB(255,160,122)
  三文鱼 #FA8072 RGB(250,128,114)
  黑鲑 #E9967A RGB(233,150,122)
  轻珊瑚 #F08080 RGB(240,128,128)
  印第安人 #CD5C5C RGB(205,92,92)
  赤红 #DC143C RGB(220,20,60)
  耐火砖 #B22222 RGB(178,34,34)
  红色 #FF0000 rgb(255,0,0)
  深红 #8B0000 rgb(139,0,0)

橘色

颜色 HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
  珊瑚 #FF7F50 rgb(255,127,80)
  番茄 #FF6347 rgb(255,99,71)
  橙红色 #FF4500 rgb(255,69,0)
  #FFD700 rgb(255,215,0)
  橙子 #FFA500 rgb(255,165,0)
  深橙色 #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 英镑(238,232,170)
  黄褐色 #F0E68C RGB(240,230,140)
  黑色卡其色 #BDB76B 人民币(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)
  Olivedrab #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 人民币(102,205,170)
  浅绿色 #AFEEEE 英镑(175,238,238)
  绿松石 #40E0D0 RGB(64,224,208)
  绿松石色 #48D1CC rgb(72,209,204)
  深蓝绿色 #00CED1 RGB(0,206,209)
  浅海绿色 #20B2AA RGB(32,178,170)
  cadetblue #5F9EA0 英镑(95,158,160)
  深蓝 #008B8B rgb(0,139,139)
  蓝绿色 #008080 rgb(0,128,128)

蓝颜色

颜色 HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
  粉蓝色 #B0E0E6 英镑(176,224,230)
  浅蓝 #ADD8E6 英镑(173,216,230)
  天蓝色 #87CEFA 人民币(135,206,250)
  天蓝色 #87CEEB 英镑(135,206,235)
  深蓝 #00BFFF rgb(0,191,255)
  浅蓝色 #B0C4DE 人民币(176,196,222)
  道奇蓝 #1E90FF RGB(30,144,255)
  矢车菊蓝 #6495ED 人民币(100,149,237)
  钢蓝 #4682B4 RGB(70,130,180)
  宝蓝色 #4169E1 英镑(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 英镑(123,104,238)
  slateblue #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 英镑(238,130,238)
  兰花 #DA70D6 rgb(218,112,214)
  紫红色 #FF00FF rgb(255,0,255)
  品红 #FF00FF rgb(255,0,255)
  兰花 #BA55D3 RGB(186,85,211)
  中紫色 #9370DB 英镑(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 英镑(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 英镑(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 英镑(255,228,225)

灰色

颜色 HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
  恩斯伯勒 #DCDCDC RGB(220,220,220)
  浅灰 #D3D3D3 RGB(211,211,211)
  #C0C0C0 rgb(192,192,192)
  深灰色 #A9A9A9 人民币(169,169,169)
  灰色 #808080 RGB(128,128,128)
  暗灰色 #696969 RGB(105,105,105)
  光一体化 #778899 rgb(119,136,153)
  滑脱 #708090 RGB(112,128,144)
  黑暗崩解 #2F4F4F RGB(47,79,79)
  黑色 #000000 rgb(0,0,0)

棕颜色

颜色 HTML / CSS
颜色名称
十六进制代码
#RRGGBB
十进制代码
(R,G,B)
  玉米丝 #FFF8DC rgb(255,248,220)
  布兰查德蒙德 #FFEBCD RGB(255,235,205)
  浓汤 #FFE4C4 rgb(255,228,196)
  纳瓦霍怀特 #FFDEAD rgb(255,222,173)
  小麦 #F5DEB3 人民币(245,222,179)
  burlywood #DEB887 rgb(222,184,135)
  棕褐色 #D2B48C RGB(210,180,140)
  红褐色 #BC8F8F rgb(188,143,143)
  沙棕 #F4A460 RGB(244,164,96)
  金毛 #DAA520 RGB(218,165,32)
  秘鲁 #CD853F RGB(205,133,63)
  巧克力 #D2691E RGB(210,105,30)
  马鞍棕色 #8B4513 RGB(139,69,19)
  赭色 #A0522D RGB(160,82,45)
  棕色 #A52A2A RGB(165,42,42)
  栗色 #800000 rgb(128,0,0)

 


也可以看看

CSS
快速表格