const hexToGL = (hex: any) => {
  let alpha = false,
    h = hex.slice(hex.startsWith("#") ? 1 : 0);
  if (h.length === 3) h = [...h].map((x) => x + x).join("");
  else if (h.length === 8) alpha = true;
  h = parseInt(h, 16);
  const r = ((h >>> (alpha ? 24 : 16)) / 255).toFixed(3);
  const g = (
    ((h & (alpha ? 0x00ff0000 : 0x00ff00)) >>> (alpha ? 16 : 8)) /
    255
  ).toFixed(3);
  const b = (
    ((h & (alpha ? 0x0000ff00 : 0x0000ff)) >>> (alpha ? 8 : 0)) /
    255
  ).toFixed(3);
  return "vec3" + "(" + r + ", " + g + ", " + b + ")";
};