在JS中根据背景颜色切换元素颜色

// 获取需要切换颜色的元素
var element = document.getElementById("myElement");

// 获取背景颜色
var backgroundColor = document.body.style.backgroundColor;

// 判断背景颜色的亮度或者色彩值
// 这里以简单的方式判断背景颜色是否为深色
if (isDarkColor(backgroundColor)) {
  // 如果背景颜色为深色，则将元素颜色设置为浅色
  element.style.color = "white";
} else {
  // 如果背景颜色为浅色，则将元素颜色设置为深色
  element.style.color = "black";
}

// 判断颜色是否为深色的函数
function isDarkColor(color) {
  // 这里可以使用一些算法或者条件语句来判断颜色是否为深色
  // 这里简单地判断颜色的亮度是否小于等于某个阈值
  var threshold = 128; // 阈值可以根据实际情况调整
  var rgb = getRGBValues(color);
  var brightness = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000;
  return brightness <= threshold;
}

// 获取颜色的RGB值
function getRGBValues(color) {
  var rgb = color.match(/\d+/g);
  return rgb.map(function (value) {
    return parseInt(value);
  });
}