Ahmed-Elswerky / helpers

small functions to help us code faster and cleaner

getHexColorFromColorName

const getHexColorFromColorName = (colorName) => {
  let element = document.createElement("div");
  element.style.color = colorName;
  element.style.display = "none";
  document.body.appendChild(element);
  let rgbColor = window.getComputedStyle(element).color,
    rgbStr = rgbColor.replace(/([rgbaRGBA() ])/g, ""),
    hexColor =
      "#" +
      (
        (1 << 24) +
        ((Number(rgbStr.split(",")?.[0]) || 0) << 16) +
        ((Number(rgbStr.split(",")?.[1]) || 0) << 8) +
        (Number(rgbStr.split(",")?.[2]) || 0)
      )
        .toString(16)
        .slice(1);
  return hexColor;
};