// List of base colors
const baseColors = [
  {
    hex: "#FFFFFF",
    name: "White",
  },
  {
    hex: "#000000",
    name: "Black",
  },
  {
    hex: "#808080",
    name: "Grey",
  },
  {
    hex: "#ff0000",
    name: "Red",
  },
  {
    hex: "#ffa500",
    name: "Orange",
  },
  {
    hex: "#ffff00",
    name: "Yellow",
  },
  {
    hex: "#008000",
    name: "Green",
  },
  {
    hex: "#0000ff",
    name: "Blue",
  },
  {
    hex: "#4b0082",
    name: "Indigo",
  },
  {
    hex: "#ee82ee",
    name: "Violet",
  },
];

// Convert hex to RGB

function hexToRgb(hex) {
  let shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
  hex = hex.replace(shorthandRegex, function (m, r, g, b) {
    return r + r + g + g + b + b;
  });

  let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  return result
    ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16),
      }
    : null;
}

// Distance between 2 colors (in RGB)
// Read more: https://stackoverflow.com/questions/23990802/find-nearest-color-from-a-colors-list
function distance(a, b) {
  return Math.sqrt(
    Math.pow(a.r - b.r, 2) + Math.pow(a.g - b.g, 2) + Math.pow(a.b - b.b, 2)
  );
}

// return nearest color from array
function nearestColor(colorHex) {
  let lowest = Number.POSITIVE_INFINITY;
  let tmp;
  let index = 0;
  baseColors.forEach((el, i) => {
    tmp = distance(hexToRgb(colorHex), hexToRgb(el.hex));
    if (tmp < lowest) {
      lowest = tmp;
      index = i;
    }
  });
  return baseColors[index];
}

// Test it!
console.log(nearestColor("#FFFFFF")); // { hex: "#FFFFFF", name: "White" }