智能颜色检测

Question

我们正在开发一个医疗调度系统，该系统允许用户根据特定状态定义要在日历上显示的颜色。我们遇到的问题是，如果用户选择深色背景颜色并且我们使用深色字体，则该字体不会显示。同样，如果他们选择浅色，而我们使用浅色字体。由于多种原因，我们不希望用户设置两种颜色。

但是，我们想知道颜色的十六进制代码是否有特定的模式。也许如果它小于给定值，则应使用深色字体，否则应使用浅色字体？

那么，是否有一种智能方法可以根据用户选择的背景颜色以编程方式选择字体颜色？

艾米

Answer 1

您可以使用十六进制代码以数学方式计算两种颜色之间的对比度。有了这些信息，问题就在于哪种颜色的文本（白色或黑色）与所选的背景颜色具有更大的对比度。该网站展示了如何用 PHP 或 Javascript 编写该代码，但它可以轻松地适应其他语言。

http://24ways.org/2010/calculated-color-contrast

Answer 2

颜色亮度： http://www.webmasterworld.com/forum88/9769.htm

但是实际上，为什么不直接反转背景并使用结果颜色作为前景呢？

Answer 3

对于你的第一个问题，我相信颜色代码的十六进制值采用 RGB 格式。这意味着第一个字节是颜色的红色量；第二个字节是颜色的绿色量；第三个字节是颜色中蓝色的量。

如果您想尝试猜测字体颜色，您可以尝试看看它与 #FFFFFF 有多接近，如果小于 #777777，则使用深色。

无论如何，我不是颜色方面的专家，所以我不能保证这个答案的正确性。

Answer 4

如果您想要的只是一个基于未知背景颜色的基本白色/黑色脚蹼，那么答案实际上非常简单。

Andy 的亮度较差：

  let luminance = (sR/255.0)**2.2*0.2126 + (sG/255.0)**2.2*0.7152 + (sB/255.0)**2.2*0.0722;

然后在背景亮度约为 0.37 时翻转：

function textColor (luminance) { return (luminance < 0.37) ? '#fff' : '#000' }

我在这里详细讨论它： https://stackoverflow.com/a/69869976/10315269

Answer 5

试试这个功能；

function wc_light_or_dark( $color, $dark = '#000000', $light = '#FFFFFF' ) {

    $hex = str_replace( '#', '', $color );

    $c_r = hexdec( substr( $hex, 0, 2 ) );
    $c_g = hexdec( substr( $hex, 2, 2 ) );
    $c_b = hexdec( substr( $hex, 4, 2 ) );

    $brightness = ( ( $c_r * 299 ) + ( $c_g * 587 ) + ( $c_b * 114 ) ) / 1000;

    return $brightness > 155 ? $dark : $light;
}