an array that associates CSS color names with their hex values

css_colors.js

// CSS Color Names
// Compiled by @bobspace

// Updates by @ricealexander
// added Rebecca Purple
// associates color names with their hex values
// random color and locating a color in the array by its name

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

let result;

// Generate a Random Color from this list
const randomColor = ()=> {
  const index = Math.floor(Math.random() * colorValues.length);
  return colorValues[index];
}
const newColor = randomColor();
result = `${newColor.name} : ${newColor.hex}`;
console.log(result); // Beige : #F5F5DC


// Determine Hex Value of a known color
const getHex = (targetColor)=> {
  return colorValues
    .find(color => color.name.toLowerCase() === targetColor.toLowerCase())
    .hex;
}
result = getHex("PaleTurquoise");
console.log(result); // #AFEEEE

This is excellent, modern, clean code IMO.

This is great! Thank you sir

thanks, this is great!!