首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS计算颜色对比度

    让我们来看看各种可能的颜色。也许这些是预先制作的配色方案,公司颜色或从图像中提取。...我想要比较两个函数。首先,我称之为“50%”。它取十六进制值并将其与纯黑色和纯白色之间的值进行比较。如果十六进制值小于一半,意味着它位于光谱的较暗侧,则返回白色作为文本颜色。...该函数将六字符十六进制颜色转换为整数,并将其与纯白色的整数值的一半进行比较。该功能易于记忆,但在理解我们如何感知频谱的某些部分时却很幼稚。不同的波长对对比度有更大或更小的影响。...比较结果 让我们重温一下我们的颜色方案,看看基于这两个方程推荐哪种文本颜色可以获得最大对比度。...我不认为这是一个主要问题,如果一些边缘情况颜色与另一种颜色形成对比,它们仍然非常易读。 现在让我们看一些常见的颜色,然后看看这两个函数如何比较。您可以很快发现它们在整个范围内都做得非常好。

    5.3K30
    领券