generate-color/src/gen/web.js

Generate random color(s), support RGB, material and web standard, rgb、rgba、hex format, node.js and browser environment.

// CSS Color Modules Level 4: https://www.w3.org/TR/css-color-4/#named-colors
// ==========================
// aliceblue #F0F8FF 240,248,255
// antiquewhite #FAEBD7 250,235,215
// aqua #00FFFF 0,255,255
// aquamarine #7FFFD4 127,255,212
// azure #F0FFFF 240,255,255
// beige #F5F5DC 245,245,220
// bisque #FFE4C4 255,228,196
// black #000000 0,0,0
// blanchedalmond #FFEBCD 255,235,205
// blue #0000FF 0,0,255
// blueviolet #8A2BE2 138,43,226
// brown #A52A2A 165,42,42
// burlywood #DEB887 222,184,135
// cadetblue #5F9EA0 95,158,160
// chartreuse #7FFF00 127,255,0
// chocolate #D2691E 210,105,30
// coral #FF7F50 255,127,80
// cornflowerblue #6495ED 100,149,237
// cornsilk #FFF8DC 255,248,220
// crimson #DC143C 220,20,60
// cyan #00FFFF 0,255,255
// darkblue #00008B 0,0,139
// darkcyan #008B8B 0,139,139
// darkgoldenrod #B8860B 184,134,11
// darkgray #A9A9A9 169,169,169
// darkgreen #006400 0,100,0
// darkgrey #A9A9A9 169,169,169
// darkkhaki #BDB76B 189,183,107
// darkmagenta #8B008B 139,0,139
// darkolivegreen #556B2F 85,107,47
// darkorange #FF8C00 255,140,0
// darkorchid #9932CC 153,50,204
// darkred #8B0000 139,0,0
// darksalmon #E9967A 233,150,122
// darkseagreen #8FBC8F 143,188,143
// darkslateblue #483D8B 72,61,139
// darkslategray #2F4F4F 47,79,79
// darkslategrey #2F4F4F 47,79,79
// darkturquoise #00CED1 0,206,209
// darkviolet #9400D3 148,0,211
// deeppink #FF1493 255,20,147
// deepskyblue #00BFFF 0,191,255
// dimgray #696969 105,105,105
// dimgrey #696969 105,105,105
// dodgerblue #1E90FF 30,144,255
// firebrick #B22222 178,34,34
// floralwhite #FFFAF0 255,250,240
// forestgreen #228B22 34,139,34
// fuchsia #FF00FF 255,0,255
// gainsboro #DCDCDC 220,220,220
// ghostwhite #F8F8FF 248,248,255
// gold #FFD700 255,215,0
// goldenrod #DAA520 218,165,32
// gray #808080 128,128,128
// green #008000 0,128,0
// greenyellow #ADFF2F 173,255,47
// grey #808080 128,128,128
// honeydew #F0FFF0 240,255,240
// hotpink #FF69B4 255,105,180
// indianred #CD5C5C 205,92,92
// indigo #4B0082 75,0,130
// ivory #FFFFF0 255,255,240
// khaki #F0E68C 240,230,140
// lavender #E6E6FA 230,230,250
// lavenderblush #FFF0F5 255,240,245
// lawngreen #7CFC00 124,252,0
// lemonchiffon #FFFACD 255,250,205
// lightblue #ADD8E6 173,216,230
// lightcoral #F08080 240,128,128
// lightcyan #E0FFFF 224,255,255
// lightgoldenrodyellow #FAFAD2 250,250,210
// lightgray #D3D3D3 211,211,211
// lightgreen #90EE90 144,238,144
// lightgrey #D3D3D3 211,211,211
// lightpink #FFB6C1 255,182,193
// lightsalmon #FFA07A 255,160,122
// lightseagreen #20B2AA 32,178,170
// lightskyblue #87CEFA 135,206,250
// lightslategray #778899 119,136,153
// lightslategrey #778899 119,136,153
// lightsteelblue #B0C4DE 176,196,222
// lightyellow #FFFFE0 255,255,224
// lime #00FF00 0,255,0
// limegreen #32CD32 50,205,50
// linen #FAF0E6 250,240,230
// magenta #FF00FF 255,0,255
// maroon #800000 128,0,0
// mediumaquamarine #66CDAA 102,205,170
// mediumblue #0000CD 0,0,205
// mediumorchid #BA55D3 186,85,211
// mediumpurple #9370DB 147,112,219
// mediumseagreen #3CB371 60,179,113
// mediumslateblue #7B68EE 123,104,238
// mediumspringgreen #00FA9A 0,250,154
// mediumturquoise #48D1CC 72,209,204
// mediumvioletred #C71585 199,21,133
// midnightblue #191970 25,25,112
// mintcream #F5FFFA 245,255,250
// mistyrose #FFE4E1 255,228,225
// moccasin #FFE4B5 255,228,181
// navajowhite #FFDEAD 255,222,173
// navy #000080 0,0,128
// oldlace #FDF5E6 253,245,230
// olive #808000 128,128,0
// olivedrab #6B8E23 107,142,35
// orange #FFA500 255,165,0
// orangered #FF4500 255,69,0
// orchid #DA70D6 218,112,214
// palegoldenrod #EEE8AA 238,232,170
// palegreen #98FB98 152,251,152
// paleturquoise #AFEEEE 175,238,238
// palevioletred #DB7093 219,112,147
// papayawhip #FFEFD5 255,239,213
// peachpuff #FFDAB9 255,218,185
// peru #CD853F 205,133,63
// pink #FFC0CB 255,192,203
// plum #DDA0DD 221,160,221
// powderblue #B0E0E6 176,224,230
// purple #800080 128,0,128
// rebeccapurple #663399 102,51,153
// red #FF0000 255,0,0
// rosybrown #BC8F8F 188,143,143
// royalblue #4169E1 65,105,225
// saddlebrown #8B4513 139,69,19
// salmon #FA8072 250,128,114
// sandybrown #F4A460 244,164,96
// seagreen #2E8B57 46,139,87
// seashell #FFF5EE 255,245,238
// sienna #A0522D 160,82,45
// silver #C0C0C0 192,192,192
// skyblue #87CEEB 135,206,235
// slateblue #6A5ACD 106,90,205
// slategray #708090 112,128,144
// slategrey #708090 112,128,144
// snow #FFFAFA 255,250,250
// springgreen #00FF7F 0,255,127
// steelblue #4682B4 70,130,180
// tan #D2B48C 210,180,140
// teal #008080 0,128,128
// thistle #D8BFD8 216,191,216
// tomato #FF6347 255,99,71
// turquoise #40E0D0 64,224,208
// violet #EE82EE 238,130,238
// wheat #F5DEB3 245,222,179
// white #FFFFFF 255,255,255
// whitesmoke #F5F5F5 245,245,245
// yellow #FFFF00 255,255,0
// yellowgreen #9ACD32 154,205,50

import genColor from './base'

// export const webColorNames = [
//   'aliceblue',
//   'antiquewhite',
//   'aqua',
//   'aquamarine',
//   'azure',
//   'beige',
//   'bisque',
//   'black',
//   'blanchedalmond',
//   'blue',
//   'blueviolet',
//   'brown',
//   'burlywood',
//   'cadetblue',
//   'chartreuse',
//   'chocolate',
//   'coral',
//   'cornflowerblue',
//   'cornsilk',
//   'crimson',
//   'cyan',
//   'darkblue',
//   'darkcyan',
//   'darkgoldenrod',
//   'darkgray',
//   'darkgreen',
//   'darkgrey',
//   'darkkhaki',
//   'darkmagenta',
//   'darkolivegreen',
//   'darkorange',
//   'darkorchid',
//   'darkred',
//   'darksalmon',
//   'darkseagreen',
//   'darkslateblue',
//   'darkslategray',
//   'darkslategrey',
//   'darkturquoise',
//   'darkviolet',
//   'deeppink',
//   'deepskyblue',
//   'dimgray',
//   'dimgrey',
//   'dodgerblue',
//   'firebrick',
//   'floralwhite',
//   'forestgreen',
//   'fuchsia',
//   'gainsboro',
//   'ghostwhite',
//   'gold',
//   'goldenrod',
//   'gray',
//   'grey',
//   'green',
//   'greenyellow',
//   'honeydew',
//   'hotpink',
//   'indianred',
//   'indigo',
//   'ivory',
//   'khaki',
//   'lavender',
//   'lavenderblush',
//   'lawngreen',
//   'lemonchiffon',
//   'lightblue',
//   'lightcoral',
//   'lightcyan',
//   'lightgoldenrodyellow',
//   'lightgray',
//   'lightgreen',
//   'lightgrey',
//   'lightpink',
//   'lightsalmon',
//   'lightseagreen',
//   'lightskyblue',
//   'lightslategray',
//   'lightslategrey',
//   'lightsteelblue',
//   'lightyellow',
//   'lime',
//   'limegreen',
//   'linen',
//   'magenta',
//   'maroon',
//   'mediumaquamarine',
//   'mediumblue',
//   'mediumorchid',
//   'mediumpurple',
//   'mediumseagreen',
//   'mediumslateblue',
//   'mediumspringgreen',
//   'mediumturquoise',
//   'mediumvioletred',
//   'midnightblue',
//   'mintcream',
//   'mistyrose',
//   'moccasin',
//   'navajowhite',
//   'navy',
//   'oldlace',
//   'olive',
//   'olivedrab',
//   'orange',
//   'orangered',
//   'orchid',
//   'palegoldenrod',
//   'palegreen',
//   'paleturquoise',
//   'palevioletred',
//   'papayawhip',
//   'peachpuff',
//   'peru',
//   'pink',
//   'plum',
//   'powderblue',
//   'purple',
//   'rebeccapurple',
//   'red',
//   'rosybrown',
//   'royalblue',
//   'saddlebrown',
//   'salmon',
//   'sandybrown',
//   'seagreen',
//   'seashell',
//   'sienna',
//   'silver',
//   'skyblue',
//   'slateblue',
//   'slategray',
//   'slategrey',
//   'snow',
//   'springgreen',
//   'steelblue',
//   'tan',
//   'teal',
//   'thistle',
//   'tomato',
//   'turquoise',
//   'violet',
//   'wheat',
//   'white',
//   'whitesmoke',
//   'yellow',
//   'yellowgreen'
// ]

export const webColorList = [
  'f0f8ff',
  'faebd7',
  '00ffff',
  '7fffd4',
  'f0ffff',
  'f5f5dc',
  'ffe4c4',
  '000000',
  'ffebcd',
  '0000ff',
  '8a2be2',
  'a52a2a',
  'deb887',
  '5f9ea0',
  '7fff00',
  'd2691e',
  'ff7f50',
  '6495ed',
  'fff8dc',
  'dc143c',
  '00ffff',
  '00008b',
  '008b8b',
  'b8860b',
  'a9a9a9',
  '006400',
  'a9a9a9',
  'bdb76b',
  '8b008b',
  '556b2f',
  'ff8c00',
  '9932cc',
  '8b0000',
  'e9967a',
  '8fbc8f',
  '483d8b',
  '2f4f4f',
  '2f4f4f',
  '00ced1',
  '9400d3',
  'ff1493',
  '00bfff',
  '696969',
  '696969',
  '1e90ff',
  'b22222',
  'fffaf0',
  '228b22',
  'ff00ff',
  'dcdcdc',
  'f8f8ff',
  'ffd700',
  'daa520',
  '808080',
  '808080',
  '008000',
  'adff2f',
  'f0fff0',
  'ff69b4',
  'cd5c5c',
  '4b0082',
  'fffff0',
  'f0e68c',
  'e6e6fa',
  'fff0f5',
  '7cfc00',
  'fffacd',
  'add8e6',
  'f08080',
  'e0ffff',
  'fafad2',
  'd3d3d3',
  '90ee90',
  'd3d3d3',
  'ffb6c1',
  'ffa07a',
  '20b2aa',
  '87cefa',
  '778899',
  '778899',
  'b0c4de',
  'ffffe0',
  '00ff00',
  '32cd32',
  'faf0e6',
  'ff00ff',
  '800000',
  '66cdaa',
  '0000cd',
  'ba55d3',
  '9370db',
  '3cb371',
  '7b68ee',
  '00fa9a',
  '48d1cc',
  'c71585',
  '191970',
  'f5fffa',
  'ffe4e1',
  'ffe4b5',
  'ffdead',
  '000080',
  'fdf5e6',
  '808000',
  '6b8e23',
  'ffa500',
  'ff4500',
  'da70d6',
  'eee8aa',
  '98fb98',
  'afeeee',
  'db7093',
  'ffefd5',
  'ffdab9',
  'cd853f',
  'ffc0cb',
  'dda0dd',
  'b0e0e6',
  '800080',
  '663399',
  'ff0000',
  'bc8f8f',
  '4169e1',
  '8b4513',
  'fa8072',
  'f4a460',
  '2e8b57',
  'fff5ee',
  'a0522d',
  'c0c0c0',
  '87ceeb',
  '6a5acd',
  '708090',
  '708090',
  'fffafa',
  '00ff7f',
  '4682b4',
  'd2b48c',
  '008080',
  'd8bfd8',
  'ff6347',
  '40e0d0',
  'ee82ee',
  'f5deb3',
  'ffffff',
  'f5f5f5',
  'ffff00',
  '9acd32'
]

export default function (param) {
  return typeof param === 'object' ? genColor(param, webColorList)
    : `#${webColorList[Math.floor(webColorList.length * Math.random())]}`
}