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