[算法]请问如何根据背景色, 算出一个清晰的字体颜色?

Question

最起码能够算出什么时候用黑色, 什么时候用白色, 不一定写出算法, 请说下逻辑即可

如果可以给出算法, 最好是基于sass函数的

---

粗略的解决了下问题, 等待更好的

研究了下hsl, 通过l的值可以粗滤的实现功能, 暂时满足了要求, 可能后期还需对s和l综合考量.
暂时结论: l>80% 黑色或者darken()一个深色, 反之浅色

Answer 1

大佬，你是要自己写框架吗？这么有意思的问题，虽然我不知道，但是这应该涉及 “颜色对比效果”，16进制计算方法 两个关键词吧

Answer 2

这个不难啊，js，先找出所有button，获取button的background-color，然后匹配设置对应的字体颜色。前提，自己要建一个数组，这个数组的键值就是button的背景颜色和字体颜色。

Answer 3

这是色彩学,只需要计算颜色的明暗度就可以.
可以参考jscolor.js的原码.

function isLight (rgb) {
    return (
        0.213 * rgb[0] +
        0.715 * rgb[1] +
        0.072 * rgb[2] >
        255 / 2
    );
};