如何在JavaScript中将十六进制颜色转换为CSS3滤镜选项？

function hexToRgb(hex) {
  // 去除颜色值中的#号
  hex = hex.replace("#", "");

  // 将十六进制颜色值拆分为红、绿、蓝三个部分
  var r = parseInt(hex.substring(0, 2), 16);
  var g = parseInt(hex.substring(2, 4), 16);
  var b = parseInt(hex.substring(4, 6), 16);

  // 返回RGB颜色值
  return "rgb(" + r + ", " + g + ", " + b + ")";
}

function createFilter(rgb) {
  // 创建CSS3滤镜选项
  var filter = "filter: grayscale(0%)";

  // 如果颜色值为黑色，则将滤镜选项修改为反色效果
  if (rgb === "rgb(0, 0, 0)") {
    filter = "filter: invert(100%)";
  }

  // 返回CSS3滤镜选项
  return filter;
}

// 获取需要应用滤镜的元素
var element = document.getElementById("myElement");

// 获取十六进制颜色值
var hexColor = "#FF0000";

// 将十六进制颜色值转换为RGB颜色值
var rgbColor = hexToRgb(hexColor);

// 创建CSS3滤镜选项
var filterOption = createFilter(rgbColor);

// 应用滤镜选项到元素
element.style.cssText = filterOption;