给定背景颜色，黑色还是白色文本？YIQ算法（不太精确）

php css hex colors

2022-08-30 11:10:00

我试图找到一种方法来确定在给定背景色（作为十六进制值）的情况下使用黑色还是白色文本。以前有人处理过这个问题吗？有没有有效的方法来做到这一点？

在我的情况下，我将使用PHP来实现逻辑（尽管欢迎在其他语言中对此的任何经验）。

答案 1

看看这个页面：使用PHP计算颜色对比度

请记住，如果黑白是你唯一的选择，你一定会遇到它们都不是特别好的情况。

答案 2

亮度对比度算法

我认为最好的方法是亮度对比度算法：

function getContrastColor($hexColor)
{
        // hexColor RGB
        $R1 = hexdec(substr($hexColor, 1, 2));
        $G1 = hexdec(substr($hexColor, 3, 2));
        $B1 = hexdec(substr($hexColor, 5, 2));

        // Black RGB
        $blackColor = "#000000";
        $R2BlackColor = hexdec(substr($blackColor, 1, 2));
        $G2BlackColor = hexdec(substr($blackColor, 3, 2));
        $B2BlackColor = hexdec(substr($blackColor, 5, 2));

         // Calc contrast ratio
         $L1 = 0.2126 * pow($R1 / 255, 2.2) +
               0.7152 * pow($G1 / 255, 2.2) +
               0.0722 * pow($B1 / 255, 2.2);

        $L2 = 0.2126 * pow($R2BlackColor / 255, 2.2) +
              0.7152 * pow($G2BlackColor / 255, 2.2) +
              0.0722 * pow($B2BlackColor / 255, 2.2);

        $contrastRatio = 0;
        if ($L1 > $L2) {
            $contrastRatio = (int)(($L1 + 0.05) / ($L2 + 0.05));
        } else {
            $contrastRatio = (int)(($L2 + 0.05) / ($L1 + 0.05));
        }

        // If contrast is more than 5, return black color
        if ($contrastRatio > 5) {
            return '#000000';
        } else { 
            // if not, return white color.
            return '#FFFFFF';
        }
}

// Will return '#FFFFFF'
echo getContrastColor('#FF0000');

一些结果：

注意：字体颜色由上一个函数确定。括号中的数字是对比度。

YIQ算法（不太精确）

另一种最简单且不太精确的方式称为（因为它将RGB色彩空间转换为YIQ）：YIQ

public function getContrastColor($hexcolor) 
{               
    $r = hexdec(substr($hexcolor, 1, 2));
    $g = hexdec(substr($hexcolor, 3, 2));
    $b = hexdec(substr($hexcolor, 5, 2));
    $yiq = (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
    return ($yiq >= 128) ? 'black' : 'white';
}