随机生成的背景颜色,要在此颜色上显示文字,希望能通过编程的方法来判断生成的颜色是深还是浅,深就用白色显示文字,浅就用黑色,找了很久,下面的两个方案可选。
- 把 RGB 的值求和,然后取一个值,当和大于等于此值就为浅色:
if ($R + $G + $B >= 450) {
// add shadow
// 浅色模式
}
这个算法很傻很简单,但效果不理想,特别是在 B 较大的时候,估计是眼睛对 RGB 各种颜色的敏感度都不一样。
- 后来我们通过把 RGB 模式转换成 YUV 模式,而 Y 是明亮度(灰阶),因此只需要获得 Y 的值而判断他是否足够亮就可以了:
const g = $R * 0.299 + $G * 0.587 + $B * 0.114;
if (g >= 192) {
// add shadow
// 浅色模式
}
g越小,颜色越深,可以按照你自己的需要定一个阀值。 我的是 g < 100
这个效果就是类似去 Photoshop 的去色功能,黑白电视机应该也是用这种算法转换的吧~~ 。