html5&css&js代码 018颜色表

• 一、代码
• 二、效果
• 三、解释

  这段代码展示了一个基本的颜色表，方便参考使用，同时也应用了各种样式应用方式。

  一、代码

     
  HTML颜色
  目前所有浏览器都支持以下颜色名。
  141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值，包括十六进制值。
  本页面可能受到浏览器的限制，所以可能无法显示所有颜色。
  请关闭Dark Reader等改变颜色的插件，以免影响颜色的真实性。
  按颜色名排序
   
   
  英文颜色名
   
  中文颜色名
   
  HEX
   
  Color
   
   
   
  AliceBlue
   
  爱丽丝蓝
   
  #F0F8FF
   
   
   
   
   
  AntiqueWhite
   
  古董白
   
  #FAEBD7
   
   
   
   
   
  Aqua
   
  水色
   
  #00FFFF
   
   
   
   
   
  Aquamarine
   
  海绿色
   
  #7FFFD4
   
   
   
   
   
  Azure
   
  天蓝色
   
  #F0FFFF
   
   
   
   
   
  Beige
   
  米色
   
  #F5F5DC
   
   
   
   
   
  Bisque
   
  深陶瓦色
   
  #FFE4C4
   
   
   
   
   
  Black
   
  黑色
   
  #000000
   
   
   
   
   
  BlanchedAlmond
   
  熟杏仁色
   
  #FFEBCD
   
   
   
   
   
  Blue
   
  蓝色
   
  #0000FF
   
   
   
   
   
  BlueViolet
   
  蓝紫色
   
  #8A2BE2
   
   
   
   
   
  Cornsilk
   
  米黄石色
   
  #FFF8DC
   
   
   
   
   
  Crimson
   
  深红色
   
  #DC143C
   
   
   
   
   
  Cyan
   
  青色
   
  #00FFFF
   
   
   
   
   
  DarkBlue
   
  深蓝色
   
  #00008B
   
   
   
   
   
  DarkCyan
   
  深青色
   
  #008B8B
   
   
   
   
   
  DarkGoldenRod
   
  深金棕色
   
  #B8860B
   
   
   
   
   
  DarkGray
   
  深灰色
   
  #A9A9A9
   
   
   
   
   
  DarkGreen
   
  深绿色
   
  #006400
   
   
   
   
   
  DarkKhaki
   
  深卡其布色
   
  #BDB76B
   
   
   
   
   
  DarkMagenta
   
  深洋红色
   
  #8B008B
   
   
   
   
   
  DarkOliveGreen
   
  深橄榄绿色
   
  #556B2F
   
   
   
   
   
  DarkOrange
   
  深橙色
   
  #FF8C00
   
   
   
   
   
  DarkOrchid
   
  深兰花紫
   
  #9932CC
   
   
   
   
   
  DarkRed
   
  深红色
   
  #8B0000
   
   
   
   
   
  DarkSalmon
   
  深鲑鱼色
   
  #E9967A
   
   
   
   
   
  DarkSeaGreen
   
  深海绿色
   
  #8FBC8F
   
   
   
   
   
  DarkSlateBlue
   
  深岩蓝色
   
  #483D8B
   
   
   
   
   
  DarkSlateGray
   
  深石板灰
   
  #2F4F4F
   
   
   
   
   
  DarkTurquoise
   
  深绿松石色
   
  #00CED1
   
   
   
   
   
  DarkViolet
   
  深紫罗兰色
   
  #9400D3
   
   
   
   
   
  DeepPink
   
  深粉红色
   
  #FF1493
   
   
   
   
   
  DeepSkyBlue
   
  深天蓝色
   
  #00BFFF
   
   
   
   
   
  DimGray
   
  暗灰色
   
  #696969
   
   
   
   
   
  DodgerBlue
   
  道奇蓝
   
  #1E90FF
   
   
   
   
   
  FireBrick
   
  砖红色
   
  #B22222
   
   
   
   
   
  FloralWhite
   
  花白色
   
  #FFFAF0
   
   
   
   
   
  ForestGreen
   
  森林绿
   
  #228B22
   
   
   
   
   
  Fuchsia
   
  紫红色
   
  #FF00FF
   
   
   
   
   
  Gainsboro
   
  苍白灰
   
  #DCDCDC
   
   
   
   
   
  GhostWhite
   
  幽灵白
   
  #F8F8FF
   
   
   
   
   
  Gold
   
  金色
   
  #FFD700
   
   
   
   
   
  GoldenRod
   
  金菊色
   
  #DAA520
   
   
   
   
   
  Gray
   
  灰色
   
  #808080
   
   
   
   
   
  Green
   
  绿色
   
  #008000
   
   
   
   
   
  GreenYellow
   
  黄绿色
   
  #ADFF2F
   
   
   
   
   
  HoneyDew
   
  蜂蜜露
   
  #F0FFF0
   
   
   
   
   
  HotPink
   
  热粉色
   
  #FF69B4
   
   
   
   
   
  IndianRed
   
  印度红
   
  #CD5C5C
   
   
   
   
   
  Indigo
   
  靛蓝色
   
  #4B0082
   
   
   
   
   
  Ivory
   
  象牙白
   
  #FFFFF0
   
   
   
   
   
  Khaki
   
  卡其色
   
  #F0E68C
   
   
   
   
   
  Lavender
   
  薰衣草紫
   
  #E6E6FA
   
   
   
   
   
  LavenderBlush
   
  薰衣草红晕
   
  #FFF0F5
   
   
   
   
   
  LawnGreen
   
  草地绿
   
  #7CFC00
   
   
   
   
   
  LemonChiffon
   
  柠檬绸色
   
  #FFFACD
   
   
   
   
   
  LightBlue
   
  浅蓝色
   
  #ADD8E6
   
   
   
   
   
  LightCoral
   
  浅珊瑚色
   
  #F08080
   
   
   
   
   
  LightCyan
   
  浅青色
   
  #E0FFFF
   
   
   
   
   
  LightGoldenRodYellow
   
  浅金菊黄色
   
  #FAFAD2
   
   
   
   
   
  LightGray
   
  浅灰色
   
  #D3D3D3
   
   
   
   
   
  LightGreen
   
  浅绿色
   
  #90EE90
   
   
   
   
   
  LightPink
   
  浅粉色
   
  #FFB6C1
   
   
   
   
   
  LightSalmon
   
  浅鲑鱼色
   
  #FFA07A
   
   
   
   
   
  LightSeaGreen
   
  浅海绿色
   
  #20B2AA
   
   
   
   
   
  LightSkyBlue
   
  浅天蓝色
   
  #87CEFA
   
   
   
   
   
  LightSlateGray
   
  浅石板灰
   
  #778899
   
   
   
   
   
  LightSteelBlue
   
  浅钢青色
   
  #B0C4DE
   
   
   
   
   
  LightYellow
   
  浅黄色
   
  #FFFFE0
   
   
   
   
   
  Lime
   
  酸橙绿
   
  #00FF00
   
   
   
   
   
  LimeGreen
   
  柠檬绿
   
  #32CD32
   
   
   
   
   
  Linen
   
  亚麻色
   
  #FAF0E6
   
   
   
   
   
  Magenta
   
  品红色
   
  #FF00FF
   
   
   
   
   
  Maroon
   
  栗色
   
  #800000
   
   
   
   
   
  MediumAquaMarine
   
  中度海蓝宝石色
   
  #66CDAA
   
   
   
   
   
  MediumBlue
   
  中度蓝色
   
  #0000CD
   
   
   
   
   
  MediumOrchid
   
  中度兰花紫
   
  #BA55D3
   
   
   
   
   
  MediumPurple
   
  中度紫色
   
  #9370DB
   
   
   
   
   
  MediumSeaGreen
   
  中度海洋绿
   
  #3CB371
   
   
   
   
   
  MediumSlateBlue
   
  中度板岩蓝
   
  #7B68EE
   
   
   
   
   
  MediumSpringGreen
   
  中度春绿色
   
  #00FA9A
   
   
   
   
   
  MediumTurquoise
   
  中度绿松石色
   
  #48D1CC
   
   
   
   
   
  MediumVioletRed
   
  中度紫罗兰红色
   
  #C71585
   
   
   
   
   
  MidnightBlue
   
  子夜蓝
   
  #191970
   
   
   
   
   
  MintCream
   
  薄荷奶油色
   
  #F5FFFA
   
   
   
   
   
  MistyRose
   
  雾玫瑰色
   
  #FFE4E1
   
   
   
   
   
  Moccasin
   
  鹿皮鞋色
   
  #FFE4B5
   
   
   
   
   
  NavajoWhite
   
  纳瓦霍白
   
  #FFDEAD
   
   
   
   
   
  Navy
   
  海军蓝
   
  #000080
   
   
   
   
   
  OldLace
   
  老式花边白
   
  #FDF5E6
   
   
   
   
   
  Olive
   
  橄榄色
   
  #808000
   
   
   
   
   
  OliveDrab
   
  橄榄褐
   
  #6B8E23
   
   
   
   
   
  Orange
   
  橙色
   
  #FFA500
   
   
   
   
   
  OrangeRed
   
  橙红色
   
  #FF4500
   
   
   
   
   
  Orchid
   
  兰花紫
   
  #DA70D6
   
   
   
   
   
  PaleGoldenRod
   
  苍白金菊色
   
  #EEE8AA
   
   
   
   
   
  PaleGreen
   
  苍白绿色
   
  #98FB98
   
   
   
   
   
  PaleTurquoise
   
  苍白绿松石色
   
  #AFEEEE
   
   
   
   
   
  PaleVioletRed
   
  苍白紫罗兰红色
   
  #DB7093
   
   
   
   
   
  PapayaWhip
   
  木瓜奶油色
   
  #FFEFD5
   
   
   
   
   
  PeachPuff
   
  桃皮色
   
  #FFDAB9
   
   
   
   
   
  Peru
   
  秘鲁色
   
  #CD853F
   
   
   
   
   
  Pink
   
  粉红色
   
  #FFC0CB
   
   
   
   
   
  Plum
   
  李紫色
   
  #DDA0DD
   
   
   
   
   
  PowderBlue
   
  雪青蓝
   
  #B0E0E6
   
   
   
   
   
  Purple
   
  紫色
   
  #800080
   
   
   
   
   
  Red
   
  红色
   
  #FF0000
   
   
   
   
   
  RosyBrown
   
  玫瑰棕色
   
  #BC8F8F
   
   
   
   
   
  RoyalBlue
   
  宝蓝色
   
  #4169E1
   
   
   
   
   
  SaddleBrown
   
  马鞍棕色
   
  #8B4513
   
   
   
   
   
  Salmon
   
  鲑鱼色
   
  #FA8072
   
   
   
   
   
  SandyBrown
   
  沙褐色
   
  #F4A460
   
   
   
   
   
  SeaGreen
   
  海洋绿色
   
  #2E8B57
   
   
   
   
   
  SeaShell
   
  海贝壳色
   
  #FFF5EE
   
   
   
   
   
  Sienna
   
  赭石色
   
  #A0522D
   
   
   
   
   
  Silver
   
  银白色
   
  #C0C0C0
   
   
   
   
   
  SkyBlue
   
  天蓝色
   
  #87CEEB
   
   
   
   
   
  SlateBlue
   
  石板蓝
   
  #6A5ACD
   
   
   
   
   
  SlateGray
   
  石板灰色
   
  #708090
   
   
   
   
   
  Snow
   
  雪白色
   
  #FFFAFA
   
   
   
   
   
  SpringGreen
   
  春绿色
   
  #00FF7F
   
   
   
   
   
  SteelBlue
   
  钢青色
   
  #4682B4
   
   
   
   
   
  Tan
   
  茶色
   
  #D2B48C
   
   
   
   
   
  Teal
   
  鸭绿色
   
  #008080
   
   
   
   
   
  Thistle
   
  蓟色
   
  #D8BFD8
   
   
   
   
   
  Tomato
   
  番茄红
   
  #FF6347
   
   
   
   
   
  Turquoise
   
  绿松石色
   
  #40E0D0
   
   
   
   
   
  Violet
   
  紫罗兰色
   
  #EE82EE
   
   
   
   
   
  Wheat
   
  小麦色
   
  #F5DEB3
   
   
   
   
   
  White
   
  白色
   
  #FFFFFF
   
   
   
   
   
  WhiteSmoke
   
  白烟色
   
  #F5F5F5
   
   
   
   
   
  Yellow
   
  黄色
   
  #FFFF00
   
   
   
   
   
  YellowGreen
   
  黄绿色
   
  #9ACD32
   
   
   
  

  二、效果

  三、解释

  这段代码展示了一个基本的颜色表，方便参考使用。