如何通过RGB值判断颜色深浅

随机生成的背景颜色，要在此颜色上显示文字，希望能通过编程的方法来判断生成的颜色是深还是浅，深就用白色显示文字，浅就用黑色，找了很久，下面的两个方案可选。

1. 把 RGB 的值求和，然后取一个值，当和大于等于此值就为浅色：

if ($R + $G + $B >= 450) {
  // add shadow
  // 浅色模式
}

这个算法很傻很简单，但效果不理想，特别是在 B 较大的时候，估计是眼睛对 RGB 各种颜色的敏感度都不一样。

2. 后来我们通过把 RGB 模式转换成 YUV 模式，而 Y 是明亮度（灰阶），因此只需要获得 Y 的值而判断他是否足够亮就可以了：

const g = $R * 0.299 + $G * 0.587 + $B * 0.114;
if (g >= 192) {
  // add shadow
  // 浅色模式
}

g越小，颜色越深，可以按照你自己的需要定一个阀值。 我的是 g < 100

这个效果就是类似去 Photoshop 的去色功能，黑白电视机应该也是用这种算法转换的吧～～ 。