Skip to content

Instantly share code, notes, and snippets.

@sergeicodes

sergeicodes/colors.js

Last active July 2, 2020 17:32
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sergeicodes/14b90db3b5f0191641d4a852246e1079 to your computer and use it in GitHub Desktop.
Save sergeicodes/14b90db3b5f0191641d4a852246e1079 to your computer and use it in GitHub Desktop.
Download ZIP
colors
Raw
colors.js
var colors = [
{
"name": "AliceBlue",
"hex": "#f0f8ff",
"rgb": "rgb(240, 248, 255)",
"tone": "white"
},
{
"name": "AntiqueWhite",
"hex": "#faebd7",
"rgb": "rgb(250, 235, 215)",
"tone": "white"
},
{
"name": "Aqua",
"hex": "#00ffff",
"rgb": "rgb(0, 255, 255)",
"tone": "blue"
},
{
"name": "Aquamarine",
"hex": "#7fffd4",
"rgb": "rgb(127, 255, 212)",
"tone": "blue"
},
{
"name": "Azure",
"hex": "#f0ffff",
"rgb": "rgb(240, 255, 255)",
"tone": "white"
},
{
"name": "Beige",
"hex": "#f5f5dc",
"rgb": "rgb(245, 245, 220)",
"tone": "white"
},
{
"name": "Bisque",
"hex": "#ffe4c4",
"rgb": "rgb(255, 228, 196)",
"tone": "brown"
},
{
"name": "Black",
"hex": "#000000",
"rgb": "rgb(0, 0, 0)",
"tone": "gray"
},
{
"name": "BlanchedAlmond",
"hex": "#ffebcd",
"rgb": "rgb(255, 235, 205)",
"tone": "brown"
},
{
"name": "Blue",
"hex": "#0000ff",
"rgb": "rgb(0, 0, 255)",
"tone": "blue"
},
{
"name": "BlueViolet",
"hex": "#8a2be2",
"rgb": "rgb(138, 43, 226)",
"tone": "purple"
},
{
"name": "Brown",
"hex": "#a52a2a",
"rgb": "rgb(165, 42, 42)",
"tone": "brown"
},
{
"name": "BurlyWood",
"hex": "#deb887",
"rgb": "rgb(222, 184, 135)",
"tone": "brown"
},
{
"name": "CadetBlue",
"hex": "#5f9ea0",
"rgb": "rgb(95, 158, 160)",
"tone": "blue"
},
{
"name": "Chartreuse",
"hex": "#7fff00",
"rgb": "rgb(127, 255, 0)",
"tone": "green"
},
{
"name": "Chocolate",
"hex": "#d2691e",
"rgb": "rgb(210, 105, 30)",
"tone": "brown"
},
{
"name": "Coral",
"hex": "#ff7f50",
"rgb": "rgb(255, 127, 80)",
"tone": "orange"
},
{
"name": "CornflowerBlue",
"hex": "#6495ed",
"rgb": "rgb(100, 149, 237)",
"tone": "blue"
},
{
"name": "Cornsilk",
"hex": "#fff8dc",
"rgb": "rgb(255, 248, 220)",
"tone": "brown"
},
{
"name": "Crimson",
"hex": "#dc143c",
"rgb": "rgb(220, 20, 60)",
"tone": "red"
},
{
"name": "Cyan",
"hex": "#00ffff",
"rgb": "rgb(0, 255, 255)",
"tone": "blue"
},
{
"name": "DarkBlue",
"hex": "#00008b",
"rgb": "rgb(0, 0, 139)",
"tone": "blue"
},
{
"name": "DarkCyan",
"hex": "#008b8b",
"rgb": "rgb(0, 139, 139)",
"tone": "green"
},
{
"name": "DarkGoldenRod",
"hex": "#b8860b",
"rgb": "rgb(184, 134, 11)",
"tone": "brown"
},
{
"name": "DarkGray",
"hex": "#a9a9a9",
"rgb": "rgb(169, 169, 169)",
"tone": "gray"
},
{
"name": "DarkGreen",
"hex": "#006400",
"rgb": "rgb(0, 100, 0)",
"tone": "green"
},
{
"name": "DarkKhaki",
"hex": "#bdb76b",
"rgb": "rgb(189, 183, 107)",
"tone": "yellow"
},
{
"name": "DarkMagenta",
"hex": "#8b008b",
"rgb": "rgb(139, 0, 139)",
"tone": "purple"
},
{
"name": "DarkOliveGreen",
"hex": "#556b2f",
"rgb": "rgb(85, 107, 47)",
"tone": "green"
},
{
"name": "DarkOrange",
"hex": "#ff8c00",
"rgb": "rgb(255, 140, 0)",
"tone": "orange"
},
{
"name": "DarkOrchid",
"hex": "#9932cc",
"rgb": "rgb(153, 50, 204)",
"tone": "purple"
},
{
"name": "DarkRed",
"hex": "#8b0000",
"rgb": "rgb(139, 0, 0)",
"tone": "red"
},
{
"name": "DarkSalmon",
"hex": "#e9967a",
"rgb": "rgb(233, 150, 122)",
"tone": "red"
},
{
"name": "DarkSeaGreen",
"hex": "#8fbc8f",
"rgb": "rgb(143, 188, 143)",
"tone": "green"
},
{
"name": "DarkSlateBlue",
"hex": "#483d8b",
"rgb": "rgb(72, 61, 139)",
"tone": "purple"
},
{
"name": "DarkSlateGray",
"hex": "#2f4f4f",
"rgb": "rgb(47, 79, 79)",
"tone": "gray"
},
{
"name": "DarkTurquoise",
"hex": "#00ced1",
"rgb": "rgb(0, 206, 209)",
"tone": "blue"
},
{
"name": "DarkViolet",
"hex": "#9400d3",
"rgb": "rgb(148, 0, 211)",
"tone": "purple"
},
{
"name": "DeepPink",
"hex": "#ff1493",
"rgb": "rgb(255, 20, 147)",
"tone": "pink"
},
{
"name": "DeepSkyBlue",
"hex": "#00bfff",
"rgb": "rgb(0, 191, 255)",
"tone": "blue"
},
{
"name": "DimGray",
"hex": "#696969",
"rgb": "rgb(105, 105, 105)",
"tone": "gray"
},
{
"name": "DodgerBlue",
"hex": "#1e90ff",
"rgb": "rgb(30, 144, 255)",
"tone": "blue"
},
{
"name": "FireBrick",
"hex": "#b22222",
"rgb": "rgb(178, 34, 34)",
"tone": "red"
},
{
"name": "FloralWhite",
"hex": "#fffaf0",
"rgb": "rgb(255, 250, 240)",
"tone": "white"
},
{
"name": "ForestGreen",
"hex": "#228b22",
"rgb": "rgb(34, 139, 34)",
"tone": "green"
},
{
"name": "Fuchsia",
"hex": "#ff00ff",
"rgb": "rgb(255, 0, 255)",
"tone": "purple"
},
{
"name": "Gainsboro",
"hex": "#dcdcdc",
"rgb": "rgb(220, 220, 220)",
"tone": "gray"
},
{
"name": "GhostWhite",
"hex": "#f8f8ff",
"rgb": "rgb(248, 248, 255)",
"tone": "white"
},
{
"name": "Gold",
"hex": "#ffd700",
"rgb": "rgb(255, 215, 0)",
"tone": "yellow"
},
{
"name": "GoldenRod",
"hex": "#daa520",
"rgb": "rgb(218, 165, 32)",
"tone": "brown"
},
{
"name": "Gray",
"hex": "#808080",
"rgb": "rgb(128, 128, 128)",
"tone": "gray"
},
{
"name": "Green",
"hex": "#008000",
"rgb": "rgb(0, 128, 0)",
"tone": "green"
},
{
"name": "GreenYellow",
"hex": "#adff2f",
"rgb": "rgb(173, 255, 47)",
"tone": "green"
},
{
"name": "HoneyDew",
"hex": "#f0fff0",
"rgb": "rgb(240, 255, 240)",
"tone": "white"
},
{
"name": "HotPink",
"hex": "#ff69b4",
"rgb": "rgb(255, 105, 180)",
"tone": "pink"
},
{
"name": "IndianRed ",
"hex": "#cd5c5c",
"rgb": "rgb(205, 92, 92)",
"tone": "red"
},
{
"name": "Indigo ",
"hex": "#4b0082",
"rgb": "rgb(75, 0, 130)",
"tone": "purple"
},
{
"name": "Ivory",
"hex": "#fffff0",
"rgb": "rgb(255, 255, 240)",
"tone": "white"
},
{
"name": "Khaki",
"hex": "#f0e68c",
"rgb": "rgb(240, 230, 140)",
"tone": "yellow"
},
{
"name": "Lavender",
"hex": "#e6e6fa",
"rgb": "rgb(230, 230, 250)",
"tone": "purple"
},
{
"name": "LavenderBlush",
"hex": "#fff0f5",
"rgb": "rgb(255, 240, 245)",
"tone": "white"
},
{
"name": "LawnGreen",
"hex": "#7cfc00",
"rgb": "rgb(124, 252, 0)",
"tone": "green"
},
{
"name": "LemonChiffon",
"hex": "#fffacd",
"rgb": "rgb(255, 250, 205)",
"tone": "yellow"
},
{
"name": "LightBlue",
"hex": "#add8e6",
"rgb": "rgb(173, 216, 230)",
"tone": "blue"
},
{
"name": "LightCoral",
"hex": "#f08080",
"rgb": "rgb(240, 128, 128)",
"tone": "red"
},
{
"name": "LightCyan",
"hex": "#e0ffff",
"rgb": "rgb(224, 255, 255)",
"tone": "blue"
},
{
"name": "LightGoldenRodYellow",
"hex": "#fafad2",
"rgb": "rgb(250, 250, 210)",
"tone": "yellow"
},
{
"name": "LightGray",
"hex": "#d3d3d3",
"rgb": "rgb(211, 211, 211)",
"tone": "gray"
},
{
"name": "LightGreen",
"hex": "#90ee90",
"rgb": "rgb(144, 238, 144)",
"tone": "green"
},
{
"name": "LightPink",
"hex": "#ffb6c1",
"rgb": "rgb(255, 182, 193)",
"tone": "pink"
},
{
"name": "LightSalmon",
"hex": "#ffa07a",
"rgb": "rgb(255, 160, 122)",
"tone": "orange"
},
{
"name": "LightSeaGreen",
"hex": "#20b2aa",
"rgb": "rgb(32, 178, 170)",
"tone": "green"
},
{
"name": "LightSkyBlue",
"hex": "#87cefa",
"rgb": "rgb(135, 206, 250)",
"tone": "blue"
},
{
"name": "LightSlateGray",
"hex": "#778899",
"rgb": "rgb(119, 136, 153)",
"tone": "gray"
},
{
"name": "LightSteelBlue",
"hex": "#b0c4de",
"rgb": "rgb(176, 196, 222)",
"tone": "blue"
},
{
"name": "LightYellow",
"hex": "#ffffe0",
"rgb": "rgb(255, 255, 224)",
"tone": "yellow"
},
{
"name": "Lime",
"hex": "#00ff00",
"rgb": "rgb(0, 255, 0)",
"tone": "green"
},
{
"name": "LimeGreen",
"hex": "#32cd32",
"rgb": "rgb(50, 205, 50)",
"tone": "green"
},
{
"name": "Linen",
"hex": "#faf0e6",
"rgb": "rgb(250, 240, 230)",
"tone": "white"
},
{
"name": "Magenta",
"hex": "#ff00ff",
"rgb": "rgb(255, 0, 255)",
"tone": "purple"
},
{
"name": "Maroon",
"hex": "#800000",
"rgb": "rgb(128, 0, 0)",
"tone": "brown"
},
{
"name": "MediumAquaMarine",
"hex": "#66cdaa",
"rgb": "rgb(102, 205, 170)",
"tone": "green"
},
{
"name": "MediumBlue",
"hex": "#0000cd",
"rgb": "rgb(0, 0, 205)",
"tone": "blue"
},
{
"name": "MediumOrchid",
"hex": "#ba55d3",
"rgb": "rgb(186, 85, 211)",
"tone": "purple"
},
{
"name": "MediumPurple",
"hex": "#9370db",
"rgb": "rgb(147, 112, 219)",
"tone": "purple"
},
{
"name": "MediumSeaGreen",
"hex": "#3cb371",
"rgb": "rgb(60, 179, 113)",
"tone": "green"
},
{
"name": "MediumSlateBlue",
"hex": "#7b68ee",
"rgb": "rgb(123, 104, 238)",
"tone": "blue"
},
{
"name": "MediumSpringGreen",
"hex": "#00fa9a",
"rgb": "rgb(0, 250, 154)",
"tone": "green"
},
{
"name": "MediumTurquoise",
"hex": "#48d1cc",
"rgb": "rgb(72, 209, 204)",
"tone": "blue"
},
{
"name": "MediumVioletRed",
"hex": "#c71585",
"rgb": "rgb(199, 21, 133)",
"tone": "pink"
},
{
"name": "MidnightBlue",
"hex": "#191970",
"rgb": "rgb(25, 25, 112)",
"tone": "blue"
},
{
"name": "MintCream",
"hex": "#f5fffa",
"rgb": "rgb(245, 255, 250)",
"tone": "white"
},
{
"name": "MistyRose",
"hex": "#ffe4e1",
"rgb": "rgb(255, 228, 225)",
"tone": "white"
},
{
"name": "Moccasin",
"hex": "#ffe4b5",
"rgb": "rgb(255, 228, 181)",
"tone": "yellow"
},
{
"name": "NavajoWhite",
"hex": "#ffdead",
"rgb": "rgb(255, 222, 173)",
"tone": "brown"
},
{
"name": "Navy",
"hex": "#000080",
"rgb": "rgb(0, 0, 128)",
"tone": "blue"
},
{
"name": "OldLace",
"hex": "#fdf5e6",
"rgb": "rgb(253, 245, 230)",
"tone": "white"
},
{
"name": "Olive",
"hex": "#808000",
"rgb": "rgb(128, 128, 0)",
"tone": "green"
},
{
"name": "OliveDrab",
"hex": "#6b8e23",
"rgb": "rgb(107, 142, 35)",
"tone": "green"
},
{
"name": "Orange",
"hex": "#ffa500",
"rgb": "rgb(255, 165, 0)",
"tone": "orange"
},
{
"name": "OrangeRed",
"hex": "#ff4500",
"rgb": "rgb(255, 69, 0)",
"tone": "orange"
},
{
"name": "Orchid",
"hex": "#da70d6",
"rgb": "rgb(218, 112, 214)",
"tone": "purple"
},
{
"name": "PaleGoldenRod",
"hex": "#eee8aa",
"rgb": "rgb(238, 232, 170)",
"tone": "yellow"
},
{
"name": "PaleGreen",
"hex": "#98fb98",
"rgb": "rgb(152, 251, 152)",
"tone": "green"
},
{
"name": "PaleTurquoise",
"hex": "#afeeee",
"rgb": "rgb(175, 238, 238)",
"tone": "blue"
},
{
"name": "PaleVioletRed",
"hex": "#db7093",
"rgb": "rgb(219, 112, 147)",
"tone": "pink"
},
{
"name": "PapayaWhip",
"hex": "#ffefd5",
"rgb": "rgb(255, 239, 213)",
"tone": "yellow"
},
{
"name": "PeachPuff",
"hex": "#ffdab9",
"rgb": "rgb(255, 218, 185)",
"tone": "yellow"
},
{
"name": "Peru",
"hex": "#cd853f",
"rgb": "rgb(205, 133, 63)",
"tone": "brown"
},
{
"name": "Pink",
"hex": "#ffc0cb",
"rgb": "rgb(255, 192, 203)",
"tone": "pink"
},
{
"name": "Plum",
"hex": "#dda0dd",
"rgb": "rgb(221, 160, 221)",
"tone": "purple"
},
{
"name": "PowderBlue",
"hex": "#b0e0e6",
"rgb": "rgb(176, 224, 230)",
"tone": "blue"
},
{
"name": "Purple",
"hex": "#800080",
"rgb": "rgb(128, 0, 128)",
"tone": "purple"
},
{
"name": "RebeccaPurple",
"hex": "#663399",
"rgb": "rgb(102, 51, 153)",
"tone": "purple"
},
{
"name": "Red",
"hex": "#ff0000",
"rgb": "rgb(255, 0, 0)",
"tone": "red"
},
{
"name": "RosyBrown",
"hex": "#bc8f8f",
"rgb": "rgb(188, 143, 143)",
"tone": "brown"
},
{
"name": "RoyalBlue",
"hex": "#4169e1",
"rgb": "rgb(65, 105, 225)",
"tone": "blue"
},
{
"name": "SaddleBrown",
"hex": "#8b4513",
"rgb": "rgb(139, 69, 19)",
"tone": "brown"
},
{
"name": "Salmon",
"hex": "#fa8072",
"rgb": "rgb(250, 128, 114)",
"tone": "red"
},
{
"name": "SandyBrown",
"hex": "#f4a460",
"rgb": "rgb(244, 164, 96)",
"tone": "brown"
},
{
"name": "SeaGreen",
"hex": "#2e8b57",
"rgb": "rgb(46, 139, 87)",
"tone": "green"
},
{
"name": "SeaShell",
"hex": "#fff5ee",
"rgb": "rgb(255, 245, 238)",
"tone": "white"
},
{
"name": "Sienna",
"hex": "#a0522d",
"rgb": "rgb(160, 82, 45)",
"tone": "brown"
},
{
"name": "Silver",
"hex": "#c0c0c0",
"rgb": "rgb(192, 192, 192)",
"tone": "gray"
},
{
"name": "SkyBlue",
"hex": "#87ceeb",
"rgb": "rgb(135, 206, 235)",
"tone": "blue"
},
{
"name": "SlateBlue",
"hex": "#6a5acd",
"rgb": "rgb(106, 90, 205)",
"tone": "purple"
},
{
"name": "SlateGray",
"hex": "#708090",
"rgb": "rgb(112, 128, 144)",
"tone": "gray"
},
{
"name": "Snow",
"hex": "#fffafa",
"rgb": "rgb(255, 250, 250)",
"tone": "white"
},
{
"name": "SpringGreen",
"hex": "#00ff7f",
"rgb": "rgb(0, 255, 127)",
"tone": "green"
},
{
"name": "SteelBlue",
"hex": "#4682b4",
"rgb": "rgb(70, 130, 180)",
"tone": "blue"
},
{
"name": "Tan",
"hex": "#d2b48c",
"rgb": "rgb(210, 180, 140)",
"tone": "brown"
},
{
"name": "Teal",
"hex": "#008080",
"rgb": "rgb(0, 128, 128)",
"tone": "green"
},
{
"name": "Thistle",
"hex": "#d8bfd8",
"rgb": "rgb(216, 191, 216)",
"tone": "purple"
},
{
"name": "Tomato",
"hex": "#ff6347",
"rgb": "rgb(255, 99, 71)",
"tone": "orange"
},
{
"name": "Turquoise",
"hex": "#40e0d0",
"rgb": "rgb(64, 224, 208)",
"tone": "blue"
},
{
"name": "Violet",
"hex": "#ee82ee",
"rgb": "rgb(238, 130, 238)",
"tone": "purple"
},
{
"name": "Wheat",
"hex": "#f5deb3",
"rgb": "rgb(245, 222, 179)",
"tone": "brown"
},
{
"name": "White",
"hex": "#ffffff",
"rgb": "rgb(255, 255, 255)",
"tone": "white"
},
{
"name": "WhiteSmoke",
"hex": "#f5f5f5",
"rgb": "rgb(245, 245, 245)",
"tone": "white"
},
{
"name": "Yellow",
"hex": "#ffff00",
"rgb": "rgb(255, 255, 0)",
"tone": "yellow"
},
{
"name": "YellowGreen",
"hex": "#9acd32",
"rgb": "rgb(154, 205, 50)",
"tone": "green"
}
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment