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 rgb（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）

 

也可以看看

Advertising

CSS
快速表格