使用 PHP GD 库更改图像的“HUE”？

Question

我想使用 PHP 图像处理函数更改图像的“色调”。应用哪个过滤器正确？

注意：我来自 Photoshop 背景，所以如果我对“色调”的解释与其他人不同，这就是我的意思...

在 Photoshop 中，您可以使用“色调”滤镜来更改图像的颜色，而不会实际影响图像的设计。

我目前正在使用以下功能为我的图像重新着色，但该功能无法满足我的需求，因为它完全重新绘制了图像，失去了设计。

    function set_theme_color_header($hex)
    {
        $info = hexToRGB($hex); //utility function that converts hex to rgb
        $token = "header.gif";
        $img = imagecreatefromgif("header-template.gif";
        $color = imagecolorallocate($img, $info["red"], $info["green"], $info["blue"]);
        imagecolorset($img, 0, $info["red"], $info["green"], $info["blue"]);
        imagegif($img, $token);
    }
    ?>

Answer 1

我很确定 PHP 中没有可以处理色调变化的函数。但是您可以编写自己的函数来执行此操作，以下是更改图像色调的步骤：

1. 逐像素遍历图像
2. 使用imagecolorat()获取像素的RGB颜色
3. 将 RGB 值转换为 HSL 值
4. 更改色调值，只保留饱和度和亮度（色调是 0 到 360 之间的值）
5. 将新的 HSL 值转换回 RGB
6. 改变当前像素的颜色

实际上这似乎是一件很有趣的事情，如果你没有找到任何其他解决方案，我可能会自己做这个并在此处发布。

编辑

编写函数。要在 PHP 中更改色调，您需要在 RGB 和 HSL 颜色空间之间转换的函数以及一个遍历图像的函数。这可能有点难看，但效果很好。在较大的图像上相当慢。

function imagehue(&$image, $angle) {
    if($angle % 360 == 0) return;
    $width = imagesx($image);
    $height = imagesy($image);

    for($x = 0; $x < $width; $x++) {
        for($y = 0; $y < $height; $y++) {
            $rgb = imagecolorat($image, $x, $y);
            $r = ($rgb >> 16) & 0xFF;
            $g = ($rgb >> 8) & 0xFF;
            $b = $rgb & 0xFF;            
            $alpha = ($rgb & 0x7F000000) >> 24;
            list($h, $s, $l) = rgb2hsl($r, $g, $b);
            $h += $angle / 360;
            if($h > 1) $h--;
            list($r, $g, $b) = hsl2rgb($h, $s, $l);            
            imagesetpixel($image, $x, $y, imagecolorallocatealpha($image, $r, $g, $b, $alpha));
        }
    }
}

这是转换颜色空间所需的辅助函数，无耻地从http://www.actionscript.org/forums/showthread.php3?t=50746 复制并稍作改动：

function rgb2hsl($r, $g, $b) {
   $var_R = ($r / 255);
   $var_G = ($g / 255);
   $var_B = ($b / 255);

   $var_Min = min($var_R, $var_G, $var_B);
   $var_Max = max($var_R, $var_G, $var_B);
   $del_Max = $var_Max - $var_Min;

   $v = $var_Max;

   if ($del_Max == 0) {
      $h = 0;
      $s = 0;
   } else {
      $s = $del_Max / $var_Max;

      $del_R = ( ( ( $var_Max - $var_R ) / 6 ) + ( $del_Max / 2 ) ) / $del_Max;
      $del_G = ( ( ( $var_Max - $var_G ) / 6 ) + ( $del_Max / 2 ) ) / $del_Max;
      $del_B = ( ( ( $var_Max - $var_B ) / 6 ) + ( $del_Max / 2 ) ) / $del_Max;

      if      ($var_R == $var_Max) $h = $del_B - $del_G;
      else if ($var_G == $var_Max) $h = ( 1 / 3 ) + $del_R - $del_B;
      else if ($var_B == $var_Max) $h = ( 2 / 3 ) + $del_G - $del_R;

      if ($h < 0) $h++;
      if ($h > 1) $h--;
   }

   return array($h, $s, $v);
}

function hsl2rgb($h, $s, $v) {
    if($s == 0) {
        $r = $g = $B = $v * 255;
    } else {
        $var_H = $h * 6;
        $var_i = floor( $var_H );
        $var_1 = $v * ( 1 - $s );
        $var_2 = $v * ( 1 - $s * ( $var_H - $var_i ) );
        $var_3 = $v * ( 1 - $s * (1 - ( $var_H - $var_i ) ) );

        if       ($var_i == 0) { $var_R = $v     ; $var_G = $var_3  ; $var_B = $var_1 ; }
        else if  ($var_i == 1) { $var_R = $var_2 ; $var_G = $v      ; $var_B = $var_1 ; }
        else if  ($var_i == 2) { $var_R = $var_1 ; $var_G = $v      ; $var_B = $var_3 ; }
        else if  ($var_i == 3) { $var_R = $var_1 ; $var_G = $var_2  ; $var_B = $v     ; }
        else if  ($var_i == 4) { $var_R = $var_3 ; $var_G = $var_1  ; $var_B = $v     ; }
        else                   { $var_R = $v     ; $var_G = $var_1  ; $var_B = $var_2 ; }

        $r = $var_R * 255;
        $g = $var_G * 255;
        $B = $var_B * 255;
    }    
    return array($r, $g, $B);
}

最后，一个使用示例。此示例打开一张图像，将其色调改变 180° 并输出到浏览器：

header('Content-type: image/png');
$image = imagecreatefrompng('image.png');
imagehue($image, 180);
imagepng($image);

由于色调的角度是以度为单位设置的，因此给出 0、360、720 或 360 的任何倍数都不会导致图像发生变化。

Answer 2

您通常会从RGB to HSL 色彩空间转换，此时您可以直接操纵色调。一旦你完成了你想要的，你就可以转换回 RGB。