根据背景亮度调整文本颜色

实现最佳易读性通常需要调整文本颜色以与背景形成对比。在这种情况下，期望的效果是根据背景像素的亮度级别动态切换文本颜色或图像。

对比度调整方法

• 亮度计算：计算颜色通道（RGB）的加权平均值以确定亮度级别。
• 对比度：比较文本和背景的亮度，以确保视觉无障碍时有足够的对比度。

可用资源

• W3C 对比度检查器： 万维网联盟(W3C) 提供了用于计算颜色亮度并确保足够对比度的标准化算法。
• 计算颜色亮度： 探索提供量化给定颜色亮度的函数的在线资源。

W3C 对比算法

const rgb = [255, 0, 0];

function setContrast() {
  // Calculate brightness
  const brightness = Math.round(((parseInt(rgb[0]) * 299)  
                      (parseInt(rgb[1]) * 587)  
                      (parseInt(rgb[2]) * 114)) / 1000);
  // Set text color
  const textColour = (brightness > 125) ? 'black' : 'white';
  // Set background color
  const backgroundColour = 'rgb('   rgb[0]   ','   rgb[1]   ','   rgb[2]   ')';

  $('#bg').css('color', textColour); 
  $('#bg').css('background-color', backgroundColour);
}

此算法可确保根据背景亮度选择视觉上最佳的文本颜色。