【问题标题】:Given a Primary color, how to decides what will be the OnPrimary color by material design guidelines?给定原色,如何根据材料设计指南决定 OnPrimary 颜色是什么?
【发布时间】:2020-06-21 16:37:26
【问题描述】:

material color tool 中有一个地方可以选择原色,它会显示原色上的文本颜色。

给定十六进制字符串中的颜色,如何知道该颜色上建议的文本颜色是什么?

例如

有些颜色会提示文字应该是黑色的

别人会说应该是白色的

观察:任何语言都可以,只是想知道它的逻辑/功能是什么。

【问题讨论】:

    标签: colors angular-material material-design material-ui materialize


    【解决方案1】:

    他们写了一些关于text legibility 的东西。除此之外,我玩了一下。看起来它是颜色的 r,g,b 部分的加权平均值。蓝色的影响明显大于绿色,绿色的影响略小于红色。所以它可能类似于(1*r + 0.9*g + 1.2*b) / 3.1 > 0xff(2.85 是权重的总和)。如果超过阈值,则文本为黑色,否则为白色。

    【讨论】:

      【解决方案2】:

      在 react 的 material-ui 中,他们有一个 "formula" 来创建它,它使用与 material components 相同的逻辑。

      【讨论】:

        猜你喜欢
        • 2016-10-07
        • 1970-01-01
        • 2015-08-02
        • 2015-11-10
        • 2015-08-15
        • 2015-08-13
        • 2015-04-13
        • 2019-02-28
        • 1970-01-01
        相关资源
        最近更新 更多