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

[KimigaiiWuyi]

显示效果清晰，好看，至少不会觉得配色恶心 单纯取互补色感觉是不行了，有没有什么已经实现的算法之类的可以用用

[KimigaiiWuyi]

https://www.toptal.com/designers/colourcode/
这个网站似乎实现的不错

[vanton]

```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]

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

[makelove]

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

[KimigaiiWuyi]

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

[zhyl]

@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]

@zhyl 感谢，我尝试一下

[makelove]

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

[zhyl]

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