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
快速表格