js生成随机背景色和字体颜色方法示例

// 生成随机背景色和字体颜色
function randomBgAndFontColor() {
  let bgColor = randomColor();
  let fontColor = '#ffffff'; // 默认字体颜色为白色
  let colorValue = parseInt(bgColor.slice(1), 16); // 将背景色转化为数值
  let gray = (colorValue >> 16) * 0.299 + (colorValue >> 8 & 0x00FF) * 0.587 + (colorValue & 0x0000FF) * 0.114; // 计算灰度值
  if (gray > 192) {
    fontColor = '#000000'; // 如果灰度值大于192，说明背景色比较浅，字体颜色应该为黑色
  }
  return {
    bgColor: bgColor,
    fontColor: fontColor
  };
}

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/40366.html