Изменить "HUE" изображения с помощью библиотеки PHP GD?

Я хотел бы изменить "оттенок" изображения, используя функции обработки изображений PHP. Какой правильный фильтр применить?

Примечание. Я работаю в фотошопе, поэтому, если моя интерпретация "оттенка" отличается от других, вот что я имею в виду...

В фотошопе вы можете использовать фильтр "Оттенок", чтобы изменить цвет изображения, фактически не влияя на дизайн изображения.

В настоящее время я использую функцию ниже, чтобы перекрасить мои изображения, но функция не отвечает моим потребностям из-за того, что она полностью перерисовывает изображение, теряя дизайн.

    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);
    }
    ?>
Источник

2 ответа

Решение

Я уверен, что в PHP нет функций, которые могли бы обрабатывать изменение оттенка. Но вы можете написать свою собственную функцию для этого, вот шаги для изменения оттенка изображения:

  1. Пройдите изображение попиксельно
  2. Получите цвет RGB в пикселях, используя imagecolorat()
  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 не приведет к изменению изображения.

Источник

Обычно вы конвертируете из цветового пространства RGB в HSL, после чего вы можете напрямую манипулировать оттенком. Как только вы сделали то, что вы хотите, вы конвертируете обратно в RGB.

Источник
Другие вопросы по тегам