请教一下各位，如何通过纯色背景的 RGB 值，确定文字颜色的 RGB 值呢？

```javascript
/**
* 高对比度颜色
* @param {Color} [color]
* @returns {string} "#000000"|"#ffffff"
*/
function contrastingColor(color = { r: 0, g: 0, b: 0 }) {
let luma = 0.2126 * color.r + 0.7152 * color.g + 0.0722 * color.b;
return luma > 128 ? "#000000" : "#ffffff";
}
```

KimigaiiWuyi

2021-12-13 15:06:18 +08:00

@vanton 0.2126 * color.r + 0.7152 * color.g + 0.0722 * color.b;这个好像是取灰度值，该怎么通过灰度值判定文字颜色的 RGB 呢

makelove

2021-12-13 15:22:00 +08:00

直接 rgba(0,0,0, ?)不好吗？
Material Design 也是这么搞的

KimigaiiWuyi

2021-12-13 15:26:51 +08:00

@makelove 这样暗色背景不是完全不能看了，而且主要就是想 colorful 一点

zhyl

2021-12-13 15:44:48 +08:00

@KimigaiiWuyi
这个网站文字颜色的计算方法

"rgb-to-fgc": function(n) {
var r, o;
return o = converter.bounds.validate("rgb", n),
r = 96 / 255,
Math.max(o.r, o.g, o.b) > 1 - r && (r *= -1),
converter.bounds.validate("rgb", {
r: o.r + r,
g: o.g + r,
b: o.b + r
})
},

KimigaiiWuyi

2021-12-13 16:03:57 +08:00

@zhyl 感谢，我尝试一下

makelove

2021-12-13 16:05:56 +08:00

@KimigaiiWuyi 暗色不就是把 0 换成 255? 想不同点就把 0 稍小改一下

zhyl

2021-12-13 16:46:10 +08:00

@KimigaiiWuyi 这里是例子 https://jsfiddle.net/zhylmzr/d781oazx/