HTML 顏色和分類

HTML 顏色由紅色、綠色、藍色混合而成。

顏色值

顏色值由十六進位來表示紅、綠、藍(RGB)。

每個顏色的最低值為0(十六進位為00),最高值為255(十六進位為FF)。

十六進位值的寫法為#號後面接三個或六個十六進位字元。

三位數表示法為:#RGB,轉換為6位數表示為:#RRGGBB。


1005.png

#目前所有瀏覽器都支援大概141個顏色名稱。

提示: 17標準顏色:黑色,藍色,水,紫紅色,灰色,綠色,石灰,栗色,海軍,橄欖,橙,紫,紅,白,銀,藍綠色,黃色。點擊其中一個顏色名稱(或一個十六進位值)就可以查看與不同文字顏色搭配的背景顏色。

總共大約有160萬種不同的顏色

三種顏色 紅,綠,藍的組合從0到255,一共有1600萬種不同顏色(256 x 256 x 256)。

常用顏色的RGB值與中文名字##    RGB值     英文名中文名    
    
    #FF   
    #DC143C  Crimson深紅/緋紅    
    #FFF0F5   LavenderBlush 淡紫紅色    
    #DB7093   PaleVioletRed 弱紫羅蘭紅蘭紅素 
    #FF1493   DeepPink 深粉紅    
    #C71585   MediumVioletRed 中紫羅蘭紅    












#H #DA70D6   Orchid 深紫色/蘭花紫    
    #D8BFD8   Thistle 薊色    
   #    
    #FF00FF    Magenta 洋紅色/玫瑰紅色    
    #FF00FF    Fuchsia紫紅/燈籠海棠    
    #8B008B    DarkMagenta 深洋紅色    
#    #800080    Purple15715700080     
    #9400D3   DarkViolet 暗紫羅蘭    
    #9932CC   DarkOrchid 暗蘭花紫    
   DarkOrchid 暗蘭花紫    
Indigo 靛青/紫羅蘭色    
    #8A2BE2   BlueViolet 藍色紫羅蘭    
#    #9370DB   Medi   
    #6A5ACD   SlateBlue 石藍色/板岩藍###    #483D8B   DarkSlateBlue 暗灰藍色/暗板岩藍    ###    #E6E6FA   Lavender 淡紫色/煙燻幽靈白紫   #0000FF   Blue 純藍    ###    #0000CD MediumBlue 中藍色    ###    #191970 MidnightBlue 午夜藍    ############00008B DarkBlue 暗藍色    
    #000080 Navy 海軍藍    
    #4169E1 Royal B0C4DE LightSteelBlue 亮鋼藍    
    #778899 LightSlateGray 亮藍灰/亮石板灰    
    #708090 SlateGray 灰石或石板灰    
    #1E90FF DodgerBlue 閃包682B4 SteelBlue 鋼藍/鐵青    
    #87CEFA LightSkyBlue 亮天藍色    
    #87CEEB SkyBlue 天藍色    
    #00BFFF DeepSkyBlue B0E0E6 PowderBlue 粉紅藍色/火藥青    
    #5F9EA0 CadetBlue軍蘭色/軍服藍    
    #F0FFFF Azure 蔚藍色    
    #E0FFFF LightCyan 淡青色    #    
    #00FFFF Aqua 淺綠色/水色    
# #    #00CED1 DarkTurquoise 暗綠寶石    
    #2F4F4F DarkSlateGray 暗瓦灰色/暗色石板灰    
    #008B8B DarkCyan 暗色   
    #48D1CC MediumTurquoise 中綠寶石    
    # 20B2AA LightSeaGreen 淺海洋綠    
    #40E0D0 Turquoise 綠寶石    
    #7FFFD4 Aquamarine 寶石碧#00FA9A MediumSpringGreen 中春綠    
    #F5FFFA MintCream 薄荷奶油    




#00FF7F SpringGreen 春綠    
    #3CB371 MediumSeaGreen 中海洋綠    
    #2E8B57 SeaGreen 海洋綠  #90EE90 LightGreen 淡綠色    



##98FB98 PaleGreen 弱綠    
    #8FBC8F DarkSeaGreen 暗海洋綠    
    #32CD32 LimeGreen0  8B22 ForestGreen 森林綠    
    #008000 Green 純綠    









006400 DarkGreen 暗綠色    
    #7FFF00 黃綠/查特酒綠    
    #7CFC00 LawnGreen #556B2F DarkOliveGreen 暗橄欖綠    
    #9ACD32 YellowGreen 黃綠色    
    #6B8E23 OliveDrab 橄欖褐色    
    #F5F5DC Beige 米色/灰褐色    _##  ory 象牙色    
    #FFFFE0 LightYellow 淺黃色    
    # FFFF00 Yellow 純黃    
    #808000 Olive 橄欖    
    #BDB76B DarkKhaki 暗黃褐色/深卡EE8AA PaleGoldenrod 灰菊黃/蒼麒麟色    
    # F0E68C Khaki 黃褐色/卡嘰布    
    #FFD700 Gold 金色    
    #FFF8DC Cornsilk Golden    ##    #FFF8DC Cornsilk Golden 0B DarkGoldenrod 暗金菊黃    
#    #FFFAF0 FloralWhite 花的白色    
    #FDF5E6 OldLace 老花色/舊蕾絲    
    #F5DEB3 Wheat 淺黃色/小麥色    
  FA500 Orange 橘色    
    #FFEFD5 PapayaWhip番木色/番木瓜    
    #FFEBCD BlanchedAlmond 白杏桃色    
    #FFDEAD NavajoWhite 納瓦白/原住民白    
  茶色    
    #DEB887 BurlyWood 硬木色
#FFE4C4 Bisque 陶坯黃    
    #FF8C00 DarkOrange 深橙色    
    #FAF0E6 Linen 亞麻布   eachPuff 桃肉色    
    #F4A460 SandyBrown 沙棕    
    # D2691E Chocolate 巧克力色    
    #8B4513 SaddleBrown 重褐色/馬鞍棕色    
    #FFF5EE Seashell   FA07A LightSalmon 淺鮭魚肉色    
    #FF7F50 Coral 珊瑚    

#    #FF4500 OrangeRed 橘紅色    
    #E9967A DarkSalmon 深鮮肉/鮭魚色    
    #FF6347 淺番茄紅番茄紅
    #FA8072 Salmon 鮮肉/鮭魚色
    #FFFAFA Snow 雪白    
    #F08080 LightCoral 淡珊瑚色    
    #BC8F8F Rosy 0000 Red 純紅    
    #A52A2A Brown 棕色    


#    #B22222 FireBrick 火磚色/耐火磚    
    #8B0000 DarkRed 深紅    
    #800000 Maroon     
    #800000 Maroon    
     #F5F5F5 WhiteSmoke 白煙    
    #DCDCDC Gainsboro 淡灰色    
    #D3D3D3 LightGrey 淺灰    
    #C0C0C0 Silver 銀灰色    
    #A9A9A9 #696969 DimGray 暗淡灰    
    #000000 Black 純黑  





######
繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>php.cn</title>  </head> <body> <p style="background-color:#00FFFF; width: 200px" > 通过十六进制设置背景颜色 </p> <p style="background-color:rgb(0,255,255); width: 200px"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:cyan; width: 200px"> 通过颜色名设置背景颜色 </p> </body> </html>