css 常用色值表

原创
10/17 19:23
阅读数 48

参考

http://tool.c7sky.com/webcolor/

https://www.cssportal.com/css3-color-names/

http://www.colors.commutercreative.com/grid/

https://tool.oschina.net/commons?type=3

最终选用css有名称的色值

json后的设置表

[
  {
    "name": "AliceBlue",
    "rgb": [
      240,
      248,
      255
    ]
  },
  {
    "name": "AntiqueWhite",
    "rgb": [
      250,
      235,
      215
    ]
  },
  {
    "name": "Aqua",
    "rgb": [
      0,
      255,
      255
    ]
  },
  {
    "name": "Aquamarine",
    "rgb": [
      127,
      255,
      212
    ]
  },
  {
    "name": "Azure",
    "rgb": [
      240,
      255,
      255
    ]
  },
  {
    "name": "Beige",
    "rgb": [
      245,
      245,
      220
    ]
  },
  {
    "name": "Bisque",
    "rgb": [
      255,
      228,
      196
    ]
  },
  {
    "name": "Black",
    "rgb": [
      0,
      0,
      0
    ]
  },
  {
    "name": "BlanchedAlmond",
    "rgb": [
      255,
      235,
      205
    ]
  },
  {
    "name": "Blue",
    "rgb": [
      0,
      0,
      255
    ]
  },
  {
    "name": "BlueViolet",
    "rgb": [
      138,
      43,
      226
    ]
  },
  {
    "name": "Brown",
    "rgb": [
      165,
      42,
      42
    ]
  },
  {
    "name": "BurlyWood",
    "rgb": [
      222,
      184,
      135
    ]
  },
  {
    "name": "CadetBlue",
    "rgb": [
      95,
      158,
      160
    ]
  },
  {
    "name": "Chartreuse",
    "rgb": [
      127,
      255,
      0
    ]
  },
  {
    "name": "Chocolate",
    "rgb": [
      210,
      105,
      30
    ]
  },
  {
    "name": "Coral",
    "rgb": [
      255,
      127,
      80
    ]
  },
  {
    "name": "CornflowerBlue",
    "rgb": [
      100,
      149,
      237
    ]
  },
  {
    "name": "Cornsilk",
    "rgb": [
      255,
      248,
      220
    ]
  },
  {
    "name": "Crimson",
    "rgb": [
      220,
      20,
      60
    ]
  },
  {
    "name": "Cyan",
    "rgb": [
      0,
      255,
      255
    ]
  },
  {
    "name": "DarkBlue",
    "rgb": [
      0,
      0,
      139
    ]
  },
  {
    "name": "DarkCyan",
    "rgb": [
      0,
      139,
      139
    ]
  },
  {
    "name": "DarkGoldenrod",
    "rgb": [
      184,
      134,
      11
    ]
  },
  {
    "name": "DarkGray",
    "rgb": [
      169,
      169,
      169
    ]
  },
  {
    "name": "DarkGreen",
    "rgb": [
      0,
      100,
      0
    ]
  },
  {
    "name": "DarkGrey",
    "rgb": [
      169,
      169,
      169
    ]
  },
  {
    "name": "DarkKhaki",
    "rgb": [
      189,
      183,
      107
    ]
  },
  {
    "name": "DarkMagenta",
    "rgb": [
      139,
      0,
      139
    ]
  },
  {
    "name": "DarkOliveGreen",
    "rgb": [
      85,
      107,
      47
    ]
  },
  {
    "name": "DarkOrange",
    "rgb": [
      255,
      140,
      0
    ]
  },
  {
    "name": "DarkOrchid",
    "rgb": [
      153,
      50,
      204
    ]
  },
  {
    "name": "DarkRed",
    "rgb": [
      139,
      0,
      0
    ]
  },
  {
    "name": "DarkSalmon",
    "rgb": [
      233,
      150,
      122
    ]
  },
  {
    "name": "DarkSeaGreen",
    "rgb": [
      143,
      188,
      143
    ]
  },
  {
    "name": "DarkSlateBlue",
    "rgb": [
      72,
      61,
      139
    ]
  },
  {
    "name": "DarkSlateGray",
    "rgb": [
      47,
      79,
      79
    ]
  },
  {
    "name": "DarkSlateGrey",
    "rgb": [
      47,
      79,
      79
    ]
  },
  {
    "name": "DarkTurquoise",
    "rgb": [
      0,
      206,
      209
    ]
  },
  {
    "name": "DarkViolet",
    "rgb": [
      148,
      0,
      211
    ]
  },
  {
    "name": "DeepPink",
    "rgb": [
      255,
      20,
      147
    ]
  },
  {
    "name": "DeepSkyBlue",
    "rgb": [
      0,
      191,
      255
    ]
  },
  {
    "name": "DimGray",
    "rgb": [
      105,
      105,
      105
    ]
  },
  {
    "name": "DodgerBlue",
    "rgb": [
      30,
      144,
      255
    ]
  },
  {
    "name": "FireBrick",
    "rgb": [
      178,
      34,
      34
    ]
  },
  {
    "name": "FloralWhite",
    "rgb": [
      255,
      250,
      240
    ]
  },
  {
    "name": "ForestGreen",
    "rgb": [
      34,
      139,
      34
    ]
  },
  {
    "name": "Fuchsia",
    "rgb": [
      255,
      0,
      255
    ]
  },
  {
    "name": "Gainsboro",
    "rgb": [
      220,
      220,
      220
    ]
  },
  {
    "name": "GhostWhite",
    "rgb": [
      248,
      248,
      255
    ]
  },
  {
    "name": "Gold",
    "rgb": [
      255,
      215,
      0
    ]
  },
  {
    "name": "Goldenrod",
    "rgb": [
      218,
      165,
      32
    ]
  },
  {
    "name": "Gray",
    "rgb": [
      128,
      128,
      128
    ]
  },
  {
    "name": "Green",
    "rgb": [
      0,
      128,
      0
    ]
  },
  {
    "name": "GreenYellow",
    "rgb": [
      173,
      255,
      47
    ]
  },
  {
    "name": "Grey",
    "rgb": [
      128,
      128,
      128
    ]
  },
  {
    "name": "Honeydew",
    "rgb": [
      240,
      255,
      240
    ]
  },
  {
    "name": "HotPink",
    "rgb": [
      255,
      105,
      180
    ]
  },
  {
    "name": "IndianRed",
    "rgb": [
      205,
      92,
      92
    ]
  },
  {
    "name": "Indigo",
    "rgb": [
      75,
      0,
      130
    ]
  },
  {
    "name": "Ivory",
    "rgb": [
      255,
      255,
      240
    ]
  },
  {
    "name": "Khaki",
    "rgb": [
      240,
      230,
      140
    ]
  },
  {
    "name": "Lavender",
    "rgb": [
      230,
      230,
      250
    ]
  },
  {
    "name": "LavenderBlush",
    "rgb": [
      255,
      240,
      245
    ]
  },
  {
    "name": "LawnGreen",
    "rgb": [
      124,
      252,
      0
    ]
  },
  {
    "name": "LemonChiffon",
    "rgb": [
      255,
      250,
      205
    ]
  },
  {
    "name": "LightBlue",
    "rgb": [
      173,
      216,
      230
    ]
  },
  {
    "name": "LightCoral",
    "rgb": [
      240,
      128,
      128
    ]
  },
  {
    "name": "LightCyan",
    "rgb": [
      224,
      255,
      255
    ]
  },
  {
    "name": "LightGoldenrodYellow",
    "rgb": [
      250,
      250,
      210
    ]
  },
  {
    "name": "LightGray",
    "rgb": [
      211,
      211,
      211
    ]
  },
  {
    "name": "LightGreen",
    "rgb": [
      144,
      238,
      144
    ]
  },
  {
    "name": "LightGrey",
    "rgb": [
      211,
      211,
      211
    ]
  },
  {
    "name": "LightPink",
    "rgb": [
      255,
      182,
      193
    ]
  },
  {
    "name": "LightSalmon",
    "rgb": [
      255,
      160,
      122
    ]
  },
  {
    "name": "LightSeaGreen",
    "rgb": [
      32,
      178,
      170
    ]
  },
  {
    "name": "LightSkyBlue",
    "rgb": [
      135,
      206,
      250
    ]
  },
  {
    "name": "LightSlateGray",
    "rgb": [
      119,
      136,
      153
    ]
  },
  {
    "name": "LightSlateGrey",
    "rgb": [
      119,
      136,
      153
    ]
  },
  {
    "name": "LightSteelBlue",
    "rgb": [
      176,
      196,
      222
    ]
  },
  {
    "name": "LightYellow",
    "rgb": [
      255,
      255,
      224
    ]
  },
  {
    "name": "Lime",
    "rgb": [
      0,
      255,
      0
    ]
  },
  {
    "name": "LimeGreen",
    "rgb": [
      50,
      205,
      50
    ]
  },
  {
    "name": "Linen",
    "rgb": [
      250,
      240,
      230
    ]
  },
  {
    "name": "Magenta",
    "rgb": [
      255,
      0,
      255
    ]
  },
  {
    "name": "Maroon",
    "rgb": [
      128,
      0,
      0
    ]
  },
  {
    "name": "MediumAquamarine",
    "rgb": [
      102,
      205,
      170
    ]
  },
  {
    "name": "MediumBlue",
    "rgb": [
      0,
      0,
      205
    ]
  },
  {
    "name": "MediumOrchid",
    "rgb": [
      186,
      85,
      211
    ]
  },
  {
    "name": "MediumPurple",
    "rgb": [
      147,
      112,
      219
    ]
  },
  {
    "name": "MediumSeaGreen",
    "rgb": [
      60,
      179,
      113
    ]
  },
  {
    "name": "MediumSlateBlue",
    "rgb": [
      123,
      104,
      238
    ]
  },
  {
    "name": "MediumSpringGreen",
    "rgb": [
      0,
      250,
      154
    ]
  },
  {
    "name": "MediumTurquoise",
    "rgb": [
      72,
      209,
      204
    ]
  },
  {
    "name": "MediumVioletRed",
    "rgb": [
      199,
      21,
      133
    ]
  },
  {
    "name": "MidnightBlue",
    "rgb": [
      25,
      25,
      112
    ]
  },
  {
    "name": "MintCream",
    "rgb": [
      245,
      255,
      250
    ]
  },
  {
    "name": "MistyRose",
    "rgb": [
      255,
      228,
      225
    ]
  },
  {
    "name": "Moccasin",
    "rgb": [
      255,
      228,
      181
    ]
  },
  {
    "name": "NavajoWhite",
    "rgb": [
      255,
      222,
      173
    ]
  },
  {
    "name": "Navy",
    "rgb": [
      0,
      0,
      128
    ]
  },
  {
    "name": "OldLace",
    "rgb": [
      253,
      245,
      230
    ]
  },
  {
    "name": "Olive",
    "rgb": [
      128,
      128,
      0
    ]
  },
  {
    "name": "OliveDrab",
    "rgb": [
      107,
      142,
      35
    ]
  },
  {
    "name": "Orange",
    "rgb": [
      255,
      165,
      0
    ]
  },
  {
    "name": "OrangeRed",
    "rgb": [
      255,
      69,
      0
    ]
  },
  {
    "name": "Orchid",
    "rgb": [
      218,
      112,
      214
    ]
  },
  {
    "name": "PaleGoldenrod",
    "rgb": [
      238,
      232,
      170
    ]
  },
  {
    "name": "PaleGreen",
    "rgb": [
      152,
      251,
      152
    ]
  },
  {
    "name": "PaleTurquoise",
    "rgb": [
      175,
      238,
      238
    ]
  },
  {
    "name": "PaleVioletRed",
    "rgb": [
      219,
      112,
      147
    ]
  },
  {
    "name": "PapayaWhip",
    "rgb": [
      255,
      239,
      213
    ]
  },
  {
    "name": "PeachPuff",
    "rgb": [
      255,
      218,
      185
    ]
  },
  {
    "name": "Peru",
    "rgb": [
      205,
      133,
      63
    ]
  },
  {
    "name": "Pink",
    "rgb": [
      255,
      192,
      203
    ]
  },
  {
    "name": "Plum",
    "rgb": [
      221,
      160,
      221
    ]
  },
  {
    "name": "PowderBlue",
    "rgb": [
      176,
      224,
      230
    ]
  },
  {
    "name": "Purple",
    "rgb": [
      128,
      0,
      128
    ]
  },
  {
    "name": "Rebeccapurple",
    "rgb": [
      102,
      51,
      153
    ]
  },
  {
    "name": "Red",
    "rgb": [
      255,
      0,
      0
    ]
  },
  {
    "name": "RosyBrown",
    "rgb": [
      188,
      143,
      143
    ]
  },
  {
    "name": "RoyalBlue",
    "rgb": [
      65,
      105,
      225
    ]
  },
  {
    "name": "SaddleBrown",
    "rgb": [
      139,
      69,
      19
    ]
  },
  {
    "name": "Salmon",
    "rgb": [
      250,
      128,
      114
    ]
  },
  {
    "name": "SandyBrown",
    "rgb": [
      244,
      164,
      96
    ]
  },
  {
    "name": "SeaGreen",
    "rgb": [
      46,
      139,
      87
    ]
  },
  {
    "name": "Seashell",
    "rgb": [
      255,
      245,
      238
    ]
  },
  {
    "name": "Sienna",
    "rgb": [
      160,
      82,
      45
    ]
  },
  {
    "name": "Silver",
    "rgb": [
      192,
      192,
      192
    ]
  },
  {
    "name": "SkyBlue",
    "rgb": [
      135,
      206,
      235
    ]
  },
  {
    "name": "SlateBlue",
    "rgb": [
      106,
      90,
      205
    ]
  },
  {
    "name": "SlateGray",
    "rgb": [
      112,
      128,
      144
    ]
  },
  {
    "name": "SlateGrey",
    "rgb": [
      112,
      128,
      144
    ]
  },
  {
    "name": "Snow",
    "rgb": [
      255,
      250,
      250
    ]
  },
  {
    "name": "SpringGreen",
    "rgb": [
      0,
      255,
      127
    ]
  },
  {
    "name": "SteelBlue",
    "rgb": [
      70,
      130,
      180
    ]
  },
  {
    "name": "Tan",
    "rgb": [
      210,
      180,
      140
    ]
  },
  {
    "name": "Teal",
    "rgb": [
      0,
      128,
      128
    ]
  },
  {
    "name": "Thistle",
    "rgb": [
      216,
      191,
      216
    ]
  },
  {
    "name": "Tomato",
    "rgb": [
      255,
      99,
      71
    ]
  },
  {
    "name": "Turquoise",
    "rgb": [
      64,
      224,
      208
    ]
  },
  {
    "name": "Violet",
    "rgb": [
      238,
      130,
      238
    ]
  },
  {
    "name": "Wheat",
    "rgb": [
      245,
      222,
      179
    ]
  },
  {
    "name": "White",
    "rgb": [
      255,
      255,
      255
    ]
  },
  {
    "name": "WhiteSmoke",
    "rgb": [
      245,
      245,
      245
    ]
  },
  {
    "name": "Yellow",
    "rgb": [
      255,
      255,
      0
    ]
  },
  {
    "name": "YellowGreen",
    "rgb": [
      154,
      205,
      50
    ]
  }
]

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部