根据RGB​值判断颜色是否深浅色(附深浅色颜色集合)

最新推荐文章于 2024-09-30 14:28:41 发布
最新推荐文章于 2024-09-30 14:28:41 发布
阅读量4.5k 收藏 4
点赞数 3
分类专栏： javascript 文章标签： javascript
原文链接：https://bbs.csdn.net/topics/391033034?page=1
版权

做博客云标签时碰到了这个问题，因为自己的背景是白色的，所以标签的背景色要是深色。网上找到了按照灰度值去判断（CSDN论坛），然后又搜了一下已有的文章。

g = R0.299 + G0.587 + B*0.114

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

文章都迁移到github啦，深浅色合集也放在了下面

文章地址

在这里插入图片描述

Qssn丶
关注
专栏目录
如何通过RGB值判断颜色深浅
青颜的天空的博客
11-28 8695
随机生成的背景颜色，要在此颜色上显示文字，希望能通过编程的方法来判断生成的颜色是深还是浅，深就用白色显示文字，浅就用黑色，找了很久，下面的两个方案可选。 把 RGB 的值求和，然后取一个值，当和大于等于此值就为浅色： if ($R + $G + $B >= 450) { // add shadow // 浅色模式 } 这个算法很傻很简单，但效果不理想，特别是在 B 较大的时候，估计是眼睛对 RGB 各种颜色的敏感度都不一样。 后来我们通过把 RGB 模式转换成 YUV 模式，而 Y 是
Color RGB颜色深浅的排序
yuaihen的博客
03-27 1万+
最近由于项目需要,需要对后台传递过来的十六进制的RGB,按照颜色由浅至深进行排序. 参考此链接RGB排序,通过将RGB 模式转换成YUK模式，而 Y 是明亮度（灰阶），因此只需要获得 Y 的值而判断他是否足够亮就可以了,当和大于等于此值就为浅色 $grayLevel = $R * 0.299 + $G * 0.587 + $B * 0.114; if ($grayLevel >= 192) ...
JS判断颜色是否为深色 阀值
weixin_50477991的博客
07-01 1943
前言 碰到一个有趣的项目需求，判断颜色的深浅，若为深色则设置浅色阴影；反之，设置深色阴影。 本来没有头绪，怎样从才能知晓她的深浅呢，百度一下就tmd有了结果。 // arr为用于存储rgb的三个数据 var $grayLevel = arr[0] * 0.299 + arr[1] * 0.587 + arr[2] * 0.114; 知道其原理，则可以开始实践了… <div id="app"> <div :style="bgc"></div> &l
【色彩管理】RGB色彩模式详解
C/C++软件工程师、嵌入式软件工程师、物联网研发工程师、C/C++讲师、物联网讲师、嵌入式讲师---欢迎大家一起交流(私信添加博主微信)
05-05 1万+
00. 目录 文章目录00. 目录01. RGB概述02. RGB色彩模式03. RGB应用场景04. RGB彩色立方图05. 附录 01. RGB概述 RGB色彩模式（也翻译为“红绿蓝”）是工业界的一种颜色标准，是通过对红(Red)、绿(Green)、蓝(Blue)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。 02. RGB色彩模式 RGB色彩模式使用RGB模型为图像中每
使用RGBaster获得图片的主题色，从而判断文字颜色深浅
Study_Live_Sun的博客
03-19 1111
1.首先引入RGBaster.js ; (function(window, undefined) { "use strict"; // Helper functions. var getContext = function(width, height) { var canvas = document.createElement("canvas"); canvas.setAttribute('width', width); canvas.setAttribute('height',
通过rgb值判断颜色深浅
qq_36843675的博客
03-05 1万+
通过把 RGB 模式转换成 YUV 模式，而 Y 是明亮度（灰阶），因此只需要获得 Y 的值而判断他是否足够亮就可以了： if(r*0.299 + g*0.578 + b*0.114 &gt;= 192){ //浅色 ... }else{ //深色 ... } 这个效果就是类似去 Photoshop 的去色功能，黑白电视机应该也是用这种算法转换的。 这样，我们就可以通过RG...
检测红色区域，并判断区域颜色深浅
山中有石为玉
07-01 1735
（1）r分量更大，则为红色 （2）判断深浅： 亮度越亮，则颜色越浅。 if(r*0.299 + g*0.578 + b*0.114 >= T){ //浅色 ... }else{ //深色 ... }
[Win32] 窗体暗色模式, C++, WinForm, WPF 使用方法, 判断颜色模式, 响应颜色变更消息, 设置标题栏暗色.
诺尔的博客
04-04 1982
Win32 暗色模式适配, C++, WinForm, WPF 判断当前颜色模式, 响应颜色变更消息, 设置标题栏暗色
色差计算(颜色之间的相似度计算)
热门推荐
Chown先森
06-14 9万+
色彩有多种颜色空间表示方式,如RGB,HSV,HSL,LAB等等, RGB颜色空间: RGB颜色空间相对简单,也最为普遍,就分为三个颜色通道,分别为红色,绿色,蓝色这三种基本色调的值,然后将这三个颜色融合在一起,也就成为一种颜色. 但用RGB比较颜色之间的相似度时,存在很大的问题,不建议直接使用,因为往往一个通道的一点改变,会导致最后融合在一起的颜色发生巨大变化,而如果三个通道的同时改...
js关于颜色hex、rgb的转换和对调整颜色深浅的处理
weixin_42274805的博客
10-21 1583
//hex颜色转rgb颜色 export function HexToRgb(str) { var r = /^\#?[0-9A-F]{6}$/; //test方法检查在字符串中是否存在一个模式，如果存在则返回true，否则返回false if (!r.test(str)) return window.alert('输入错误的hex'); //replace替换查找的到的字符串 str = str.replace('#', ''); //match得到查询数组 var hxs .
[Android]如何判断一个颜色是深色 or 浅色
weixin_34360651的博客
04-24 1821
直接上代码 public boolean isLightColor(int color) { double darkness = 1 - (0.299 * Color.red(color) + 0.587 * Color.green(color) + 0.114 * Color.blue(color)) / 255; if (darkness &lt...
java根据RGB值判断深色与浅色
赛赛
09-12 4743
/** * 根据RGB值判断 深色与浅色 * @param r * @param g * @param b * @return */ public static boolean isDark(Double r,Double g,Double b){ if(r*0.299 + g*0.578 + b*0.114 ...
关于RGB的学习，浅色RGB范围……
jiaobuchong的专栏
03-22 7407
<?php $image = imagecreatetruecolor(80, 80);  $backColor = imagecolorallocate($image, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); //填充背景色 imagefill($image, 0, 0, $backColor); header('
js 判断颜色是否为深色 阀值
angou3124的博客
02-24 1714
//获取RGB值 颜色深用白色 颜色浅则用黑色 var RgbValue = this.style.backgroundColor.replace("rgb(", "").replace(")", ""); var RgbValueArry = RgbValue.split(","); ...
JAVA - 如何通过RGB值判断颜色深浅 , 并输出默认头像
原小明
04-14 1万+
参考：通过编程的方法来判断生成的颜色是深还是浅，深就用白色显示文字，浅就用黑色，找了很久，下面的两个方案可选。 经大家讨论第一个方案，是把 RGB 的值求和，然后取一个值，当和大于等于此值就为浅色：if ($R + $G + $B >= 450) { // add shadow }这个算法很傻很简单，但效果不理想，特别是在 B 较大的时候，估计是眼睛对 RGB 各种颜色的敏感度都不一样。后
knowLedge-Vue I18n 是 Vue.js 的国际化插件
最新发布
2301_76671906的博客
09-30 906
Vue 2 中使用 Vue I18n 插件实现中英文切换
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 612
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
如何根据rgb值大致判断颜色
05-13
通常情况下，根据RGB值来判断颜色可以使用以下方法： 1. 如果红色、绿色和蓝色的值都相等，那么颜色是灰色。 2. 如果红色的值最大，而绿色和蓝色的值相等，那么颜色是红色。 3. 如果绿色的值最大，而红色和蓝色的值相等，那么颜色是绿色。 4. 如果蓝色的值最大，而红色和绿色的值相等，那么颜色是蓝色。 5. 如果红色和绿色的值最大，而蓝色的值最小，那么颜色是黄色。 6. 如果红色和蓝色的值最大，而绿色的值最小，那么颜色是品红色。 7. 如果绿色和蓝色的值最大，而红色的值最小，那么颜色是青色。 需要注意的是，这种方法只能大致判断颜色。如果需要更精确的颜色判断，可以使用更复杂的算法和颜色空间转换。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值