Skip to content

Instantly share code, notes, and snippets.

@rhernandog
Last active December 30, 2017 15:43
Show Gist options
  • Save rhernandog/00008823fb8cf4ab622d9f9284f10228 to your computer and use it in GitHub Desktop.
Save rhernandog/00008823fb8cf4ab622d9f9284f10228 to your computer and use it in GitHub Desktop.
Javascript file with all the web-safe colors shown here https://www.w3schools.com/colors/colors_names.asp
const colors = [
{name: "AliceBlue", code:"#F0F8FF"},
{name: "AntiqueWhite", code:"#FAEBD7"},
{name: "Aqua", code:"#00FFFF"},
{name: "Aquamarine", code:"#7FFFD4"},
{name: "Azure", code:"#F0FFFF"},
{name: "Beige", code:"#F5F5DC"},
{name: "Bisque", code:"#FFE4C4"},
{name: "Black", code:"#000000"},
{name: "BlanchedAlmond", code:"#FFEBCD"},
{name: "Blue", code:"#0000FF"},
{name: "BlueViolet", code:"#8A2BE2"},
{name: "Brown", code:"#A52A2A"},
{name: "BurlyWood", code:"#DEB887"},
{name: "CadetBlue", code:"#5F9EA0"},
{name: "Chartreuse", code:"#7FFF00"},
{name: "Chocolate", code:"#D2691E"},
{name: "Coral", code:"#FF7F50"},
{name: "CornflowerBlue", code:"#6495ED"},
{name: "Cornsilk", code:"#FFF8DC"},
{name: "Crimson", code:"#DC143C"},
{name: "Cyan", code:"#00FFFF"},
{name: "DarkBlue", code:"#00008B"},
{name: "DarkCyan", code:"#008B8B"},
{name: "DarkGoldenRod", code:"#B8860B"},
{name: "DarkGray", code:"#A9A9A9"},
{name: "DarkGreen", code:"#006400"},
{name: "DarkKhaki", code:"#BDB76B"},
{name: "DarkMagenta", code:"#8B008B"},
{name: "DarkOliveGreen", code:"#556B2F"},
{name: "DarkOrange", code:"#FF8C00"},
{name: "DarkOrchid", code:"#9932CC"},
{name: "DarkRed", code:"#8B0000"},
{name: "DarkSalmon", code:"#E9967A"},
{name: "DarkSeaGreen", code:"#8FBC8F"},
{name: "DarkSlateBlue", code:"#483D8B"},
{name: "DarkSlateGray", code:"#2F4F4F"},
{name: "DarkTurquoise", code:"#00CED1"},
{name: "DarkViolet", code:"#9400D3"},
{name: "DeepPink", code:"#FF1493"},
{name: "DeepSkyBlue", code:"#00BFFF"},
{name: "DimGray", code:"#696969"},
{name: "DodgerBlue", code:"#1E90FF"},
{name: "FireBrick", code:"#B22222"},
{name: "FloralWhite", code:"#FFFAF0"},
{name: "ForestGreen", code:"#228B22"},
{name: "Fuchsia", code:"#FF00FF"},
{name: "Gainsboro", code:"#DCDCDC"},
{name: "GhostWhite", code:"#F8F8FF"},
{name: "Gold", code:"#FFD700"},
{name: "GoldenRod", code:"#DAA520"},
{name: "Gray", code:"#808080"},
{name: "Green", code:"#008000"},
{name: "GreenYellow", code:"#ADFF2F"},
{name: "HoneyDew", code:"#F0FFF0"},
{name: "HotPink", code:"#FF69B4"},
{name: "IndianRed", code:" #CD5C5C"},
{name: "Indigo", code:" #4B0082"},
{name: "Ivory", code:"#FFFFF0"},
{name: "Khaki", code:"#F0E68C"},
{name: "Lavender", code:"#E6E6FA"},
{name: "LavenderBlush", code:"#FFF0F5"},
{name: "LawnGreen", code:"#7CFC00"},
{name: "LemonChiffon", code:"#FFFACD"},
{name: "LightBlue", code:"#ADD8E6"},
{name: "LightCoral", code:"#F08080"},
{name: "LightCyan", code:"#E0FFFF"},
{name: "LightGoldenRodYellow", code:"#FAFAD2"},
{name: "LightGray", code:"#D3D3D3"},
{name: "LightGreen", code:"#90EE90"},
{name: "LightPink", code:"#FFB6C1"},
{name: "LightSalmon", code:"#FFA07A"},
{name: "LightSeaGreen", code:"#20B2AA"},
{name: "LightSkyBlue", code:"#87CEFA"},
{name: "LightSlateGray", code:"#778899"},
{name: "LightSteelBlue", code:"#B0C4DE"},
{name: "LightYellow", code:"#FFFFE0"},
{name: "Lime", code:"#00FF00"},
{name: "LimeGreen", code:"#32CD32"},
{name: "Linen", code:"#FAF0E6"},
{name: "Magenta", code:"#FF00FF"},
{name: "Maroon", code:"#800000"},
{name: "MediumAquaMarine", code:"#66CDAA"},
{name: "MediumBlue", code:"#0000CD"},
{name: "MediumOrchid", code:"#BA55D3"},
{name: "MediumPurple", code:"#9370DB"},
{name: "MediumSeaGreen", code:"#3CB371"},
{name: "MediumSlateBlue", code:"#7B68EE"},
{name: "MediumSpringGreen", code:"#00FA9A"},
{name: "MediumTurquoise", code:"#48D1CC"},
{name: "MediumVioletRed", code:"#C71585"},
{name: "MidnightBlue", code:"#191970"},
{name: "MintCream", code:"#F5FFFA"},
{name: "MistyRose", code:"#FFE4E1"},
{name: "Moccasin", code:"#FFE4B5"},
{name: "NavajoWhite", code:"#FFDEAD"},
{name: "Navy", code:"#000080"},
{name: "OldLace", code:"#FDF5E6"},
{name: "Olive", code:"#808000"},
{name: "OliveDrab", code:"#6B8E23"},
{name: "Orange", code:"#FFA500"},
{name: "OrangeRed", code:"#FF4500"},
{name: "Orchid", code:"#DA70D6"},
{name: "PaleGoldenRod", code:"#EEE8AA"},
{name: "PaleGreen", code:"#98FB98"},
{name: "PaleTurquoise", code:"#AFEEEE"},
{name: "PaleVioletRed", code:"#DB7093"},
{name: "PapayaWhip", code:"#FFEFD5"},
{name: "PeachPuff", code:"#FFDAB9"},
{name: "Peru", code:"#CD853F"},
{name: "Pink", code:"#FFC0CB"},
{name: "Plum", code:"#DDA0DD"},
{name: "PowderBlue", code:"#B0E0E6"},
{name: "Purple", code:"#800080"},
{name: "RebeccaPurple", code:"#663399"},
{name: "Red", code:"#FF0000"},
{name: "RosyBrown", code:"#BC8F8F"},
{name: "RoyalBlue", code:"#4169E1"},
{name: "SaddleBrown", code:"#8B4513"},
{name: "Salmon", code:"#FA8072"},
{name: "SandyBrown", code:"#F4A460"},
{name: "SeaGreen", code:"#2E8B57"},
{name: "SeaShell", code:"#FFF5EE"},
{name: "Sienna", code:"#A0522D"},
{name: "Silver", code:"#C0C0C0"},
{name: "SkyBlue", code:"#87CEEB"},
{name: "SlateBlue", code:"#6A5ACD"},
{name: "SlateGray", code:"#708090"},
{name: "Snow", code:"#FFFAFA"},
{name: "SpringGreen", code:"#00FF7F"},
{name: "SteelBlue", code:"#4682B4"},
{name: "Tan", code:"#D2B48C"},
{name: "Teal", code:"#008080"},
{name: "Thistle", code:"#D8BFD8"},
{name: "Tomato", code:"#FF6347"},
{name: "Turquoise", code:"#40E0D0"},
{name: "Violet", code:"#EE82EE"},
{name: "Wheat", code:"#F5DEB3"},
{name: "White", code:"#FFFFFF"},
{name: "WhiteSmoke", code:"#F5F5F5"},
{name: "Yellow", code:"#FFFF00"},
{name: "YellowGreen", code:"#9ACD32"}
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment