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＃FFA07ARGB（255,160,122）
 三文鱼＃FA8072RGB（250,128,114）
 黑鲑＃E9967ARGB（233,150,122）
 轻珊瑚＃F08080RGB（240,128,128）
 印第安人＃CD5C5CRGB（205,92,92）
 赤红＃DC143CRGB（220,20,60）
 耐火砖＃B22222RGB（178,34,34）
 红色＃FF0000rgb（255,0,0）
 深红＃8B0000rgb（139,0,0）

橘色

颜色HTML / CSS
颜色名称		十六进制代码
#RRGGBB		十进制代码
（R，G，B）
 珊瑚＃FF7F50rgb（255,127,80）
 番茄＃FF6347rgb（255,99,71）
 橙红色＃FF4500rgb（255,69,0）
 金＃FFD700rgb（255,215,0）
 橙子＃FFA500rgb（255,165,0）
 深橙色＃FF8C00rgb（255,140,​​0）

黄色

颜色HTML / CSS
颜色名称		十六进制代码
#RRGGBB		十进制代码
（R，G，B）
 浅黄色＃FFFFE0rgb（255,255,224）
 柠檬雪纺#FFFACDRGB（255,250,205）
 浅金黄色＃FAFAD2RGB（250,250,210）
 木瓜鞭＃FFEFD5rgb（255,239,213）
 莫卡辛＃FFE4B5rgb（255,228,181）
 桃扑＃FFDAB9rgb（255,218,185）
 淡金黄色的＃EEE8AA英镑（238,232,170）
 黄褐色＃F0E68CRGB（240,230,140）
 黑色卡其色＃BDB76B人民币（189,183,107）
 黄色＃FFFF00rgb（255,255,0）

绿颜色

颜色HTML / CSS
颜色名称		十六进制代码
#RRGGBB		十进制代码
（R，G，B）
 草坪绿＃7CFC00RGB（124,252,0）
 黄绿色＃7FFF00rgb（127,255,0）
 柠檬绿＃32CD32rgb（50,205,50）
 酸橙＃00FF00RGB（0.255.0）
 森林绿＃228B22RGB（34,139,34）
 绿色＃008000rgb（0,128,0）
 深绿色＃006400rgb（0,100,0）
 黄绿色＃ADFF2Frgb（173,255,47）
 黄绿色＃9ACD32rgb（154,205,50）
 春绿色＃00FF7Frgb（0,255,127）
 中春绿色＃00FA9Argb（0,250,154）
 浅绿色＃90EE90RGB（144,238,144）
 淡绿色＃98FB98RGB（152,251,152）
 深海绿色＃8FBC8Frgb（143,188,143）
 中海绿色＃3CB371rgb（60,179,113）
 海绿色＃2E8B57rgb（46,139,87）
 橄榄＃808000rgb（128,128,0）
 深橄榄绿色＃556B2FRGB（85,107,47）
 Olivedrab＃6B8E23RGB（107,142,35）

青色

颜色HTML / CSS
颜色名称		十六进制代码
#RRGGBB		十进制代码
（R，G，B）
 浅蓝＃E0FFFFrgb（224,255,255）
 青色＃00FFFFrgb（0,255,255）
 水色＃00FFFFrgb（0,255,255）
 蓝晶＃7FFFD4rgb（127,255,212）
 海蓝宝石＃66CDAA人民币（102,205,170）
 浅绿色#AFEEEE英镑（175,238,238）
 绿松石＃40E0D0RGB（64,224,208）
 绿松石色＃48D1CCrgb（72,209,204）
 深蓝绿色＃00CED1RGB（0,206,209）
 浅海绿色＃20B2AARGB（32,178,170）
 cadetblue＃5F9EA0英镑（95,158,160）
 深蓝＃008B8Brgb（0,139,139）
 蓝绿色＃008080rgb（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）
 深蓝＃00BFFFrgb（0,191,255）
 浅蓝色＃B0C4DE人民币（176,196,222）
 道奇蓝＃1E90FFRGB（30,144,255）
 矢车菊蓝＃6495ED人民币（100,149,237）
 钢蓝＃4682B4RGB（70,130,180）
 宝蓝色＃4169E1英镑（65,105,225）
 蓝色＃0000FFrgb（0,0,255）
 中蓝＃0000CDrgb（0,0,205）
 深蓝＃00008Brgb（0,0,139）
 海军＃000080rgb（0,0,128）
 午夜蓝＃191970RGB（25,25,112）
 深蓝色＃7B68EE英镑（123,104,238）
 slateblue＃6A5ACDRGB（106,90,205）
 深蓝色＃483D8BRGB（72,61,139）

紫色的颜色

颜色HTML / CSS
 颜色名称		十六进制代码
 #RRGGBB		十进制代码
（R，G，B）
 薰衣草＃E6E6FARGB（230,230,250）
 蓟＃D8BFD8RGB（216,191,216）
 李子＃DDA0DDRGB（221,160,221）
 紫色＃EE82EE英镑（238,130,238）
 兰花＃DA70D6rgb（218,112,214）
 紫红色＃FF00FFrgb（255,0,255）
 品红＃FF00FFrgb（255,0,255）
 兰花＃BA55D3RGB（186,85,211）
 中紫色＃9370DB英镑（147,112,219）
 紫罗兰色＃8A2BE2RGB（138,43,226）
 暗紫＃9400D3RGB（148,0,211）
 兰花＃9932CCRGB（153,50,204）
 深洋红色＃8B008BRGB（139,0,139）
 紫色＃800080rgb（128,0,128）
 靛青＃4B0082RGB（75,0,130）

粉红色的颜色

颜色HTML / CSS
颜色名称		十六进制代码
#RRGGBB		十进制代码
（R，G，B）
 粉＃FFC0CBrgb（255,192,203）
 浅粉红色＃FFB6C1rgb（255,182,193）
 亮粉色＃FF69B4rgb（255,105,180）
 深粉红色＃FF1493rgb（255,20,147）
 泛紫＃DB7093英镑（219,112,147）
 中紫色＃C71585RGB（199,21,133）

白色

颜色HTML / CSS
颜色名称		十六进制代码
#RRGGBB		十进制代码
（R，G，B）
 白色#FFFFFFrgb（255,255,255）
 雪#FFFAFARGB（255,250,250）
 甘露＃F0FFF0RGB（240,255,240）
 薄荷＃F5FFFARGB（245,255,250）
 天蓝色＃F0FFFFRGB（240,255,255）
 爱丽丝蓝＃F0F8FFRGB（240,248,255）
 幽灵般的白色＃F8F8FFRGB（248,248,255）
 白色的烟＃F5F5F5RGB（245,245,245）
 贝壳＃FFF5EErgb（255,245,238）
 米色＃F5F5DCRGB（245,245,220）
 老花边＃FDF5E6英镑（253,245,230）
 花白色＃FFFAF0RGB（255,250,240）
 象牙＃FFFFF0rgb（255,255,240）
 古董白＃FAEBD7RGB（250,235,215）
 麻布＃FAF0E6RGB（250,240,230）
 薰衣草腮红＃FFF0F5RGB（255,240,245）
 迷雾玫瑰＃FFE4E1英镑（255,228,225）

灰色

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

棕颜色

颜色HTML / CSS
颜色名称		十六进制代码
#RRGGBB		十进制代码
（R，G，B）
 玉米丝＃FFF8DCrgb（255,248,220）
 布兰查德蒙德#FFEBCDRGB（255,235,205）
 浓汤＃FFE4C4rgb（255,228,196）
 纳瓦霍怀特#FFDEADrgb（255,222,173）
 小麦＃F5DEB3人民币（245,222,179）
 burlywood＃DEB887rgb（222,184,135）
 棕褐色＃D2B48CRGB（210,180,140）
 红褐色＃BC8F8Frgb（188,143,143）
 沙棕＃F4A460RGB（244,164,96）
 金毛＃DAA520RGB（218,165,32）
 秘鲁＃CD853FRGB（205,133,63）
 巧克力＃D2691ERGB（210,105,30）
 马鞍棕色＃8B4513RGB（139,69,19）
 赭色＃A0522DRGB（160,82,45）
 棕色＃A52A2ARGB（165,42,42）
 栗色＃800000rgb（128,0,0）

 

也可以看看

Advertising

CSS