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

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

把 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 的去色功能，黑白电视机应该也是用这种算法转换的吧～～。

如何通过RGB值判断颜色深浅相关推荐

如何通过RGB值判断颜色深浅（转）
http://blog.sina.com.cn/s/blog_4b0617280100tx0w.html 最近通过神经网络搜索电子渠道潜在客户,需要将搜索结构可视化,不同类型客户用不同颜色标识,因此需 ...
根据RGB值判断颜色是否深浅色(附深浅色颜色集合)
做博客云标签时碰到了这个问题,因为自己的背景是白色的,所以标签的背景色要是深色.网上找到了按照灰度值去判断(CSDN论坛),然后又搜了一下已有的文章. g = R0.299 + G0.587 + B* ...
网上流行护眼色的RGB值和颜色代码
网上流行护眼色的RGB值和颜色代码绿豆沙色能有效的减轻长时间用电脑的用眼疲劳! 色调:85,饱和度:123,亮度:205: RGB颜色红:199,绿:237,蓝:204: 十六进制颜色:#C7EDC ...
使用 RGB 值设置颜色
使用 RGB 值设置颜色另一种可以在 CSS 中表示颜色的方法是使用 RGB 值. RGB 即红色.绿色.蓝色(英语:Red, Green, Blue). ● 红色(R)0 到 255 间的整数,代 ...
(转)网上流行护眼色的RGB值和颜色代码
网上流行护眼色的RGB值和颜色代码绿豆沙色能有效的减轻长时间用电脑的用眼疲劳! 色调:85,饱和度:123,亮度:205: RGB颜色红:199,绿:237,蓝:204: 十六进制颜色:#C7EDC ...
使用RGB值显示颜色
Use RGB values to Color Elements 在 CSS 中表示颜色的另一个方法是使用 rgb 值. 代表黑色的 RGB 值看起来是下面的样子: rgb(0, 0, 0) 代表白色 ...
常用的RGB值和颜色对照表
常用颜色的值 Colour Red Green Blue 值黑色 Black 0 0 0 0 ...
根据RGB数值判断颜色
RGB 是光照色bai.分别对应R(Red)红,duG(Green)绿,B(Blue)蓝.每种颜色数据zhi从0到255,都为0的话就是没有光,是黑dao色,数据越大光越强.都为255是白色. 三色的 ...
护眼色的RGB值和颜色代码
在搜索引擎搜"护眼色",就会搜出一堆关于保护眼睛的屏幕颜色文章,说的统统是一种颜色,有点像绿豆沙的颜色.方法就是在屏幕设置里. 色调: 85; 饱和度: 123; ...

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

如何通过RGB值判断颜色深浅相关推荐

最新文章

热门文章