【问题标题】:RGB to closest predefined colorRGB 到最接近的预定义颜色
【发布时间】:2011-05-27 23:31:16
【问题描述】:

编辑:

根据给出的答案,我做了这个函数

function grabclosestcolor($r, $g, $b){
    $colors = array(array(124,12,12),array(7,7,11),array(110,224,219),array(123,123,123),array(124,177,74),array(130,86,53),array(77,77,77),array(164,124,68),array(204,196,132),array(164,148,147),array(163,123,67),array(26,122,26), array(195,195,50),array(193,193,193),array(255,248,73),array(243,243,243));
    $differencearray = array();
    foreach ($colors as $value) {
        $difference = sqrt(pow($r-$value[0],2)+pow($g-$value[1],2)+pow($b-$value[2],2));
        array_push($differencearray, $difference);
        $smallest = min($differencearray);
        $key = array_search($smallest, $differencearray);
        return $colors[$key];
        }
    }


我的目标是这个。我抓取一张图片并遍历每个像素并抓取它的 x、y 和 rgb。

我不只是抓取 rgb,而是有一个预定义的数组,我正在寻找从我抓取的颜色到预定义数组的最接近的匹配。 这里的目标是只使用预定义数组中的颜色。 这是我的颜色数组。

$colors = array(array(124,12,12),array(7,7,11),array(110,224,219),array(123,123,123),array(124,177,74),array(130,86,53),array(77,77,77),array(164,124,68),array(204,196,132),array(164,148,147),array(163,123,67),array(26,122,26), array(195,195,50),array(193,193,193),array(255,248,73),array(243,243,243));

这是我现有的循环代码。

$int = imagesx($im) - 1;
$int2 = imagesy($im) - 1;
$start2 = 0;
do{
    $start = 0;
    do{
        $rgb = imagecolorat($im, $start, $start2);
        $r = ($rgb >> 16) & 0xFF;
        $g = ($rgb >> 8) & 0xFF;
        $b = $rgb & 0xFF;
        $value = rgb2hex($r,$g,$b).":$start:$start2";
        array_push($colorsofimage, $value);
    } while($int > $start++);
} while($int2 > $start2++);

rgb2hex 是一个用户定义的函数,但我想要完成的是用函数更改该函数以获取最接近的颜色。

$colorsofimage 包含每个像素信息的数组,带有 hex:x:y 我想要的是 rgb2hex(NEWFUNCTION($r,$g,$b)); 这样新的十六进制就是预定义数组中的第一个。

希望你理解,因为我不知道怎么做,因为我不知道颜色的算法。

【问题讨论】:

标签: php function colors gd


【解决方案1】:

RGB colour-space 只是一个立方体。在 24 位颜色中,每边的长度为 256,允许值从 0 到 255。为了在这个立方体中找到最接近的颜色,您需要一个距离函数。最简单和最直观的是Euclidean distance:如果你有颜色(r1,g1,b1)和另一种颜色(r2,g2,b2),距离将是sqrt((r2-r1)^2 + (g2-g1)^2 + (b2-b1)^2)

然后,您面临的挑战是找到预定义数组中所有值的最佳匹配。我建议您从遍历所有值开始,然后依次检查每个值的距离。请注意,为此目的,您不需要执行sqrt,只需比较平方和就足够了,并且具有基于整数数学的好处。我的 PHP 不是很好,但大致你会这样做:

function dist($col1,$col2) {
  $delta_r = $col1[0] - $col2[0];
  $delta_g = $col1[1] - $col2[1];
  $delta_b = $col1[2] - $col2[2];
  return $delta_r * $delta_r + $delta_g * $delta_g + $delta_b * $delta_b;
} 

$closest=$colors[0];
$mindist=dist($rgb,$colors[0]);
$ncolors=sizeof($colors);
for($i = 1; $i < $ncolors; ++$i)
{
    $currdist = dist($rgb,$colors[$i]);
    if($currdist<$mindist) {
      $mindist=$currdist;
      $closest=$colors[$i];
    }
}

还有更复杂的距离函数(例如,更好地考虑颜色差异的心理视觉解释(查看Delta E),但我怀疑这超出了您的需要。

【讨论】:

  • 它不一定是一个立方体,即使它通常是这样做的。它主要是一个向量空间,也可以是一个平行体。
  • @user502515:可能,但不太可能。我遇到的所有 RGB 颜色空间(最明显的是 sRGB)往往都在 0 到 1 或 0 到 255 的范围内。其他颜色空间,例如 CIE Lab,确实有不同的界限,但它们不是 RGB。
  • @beldaz 为什么我们还要平方距离?为什么不直接取每种颜色的距离之和?
  • 是消除负值吗?有更快的方法吗?
  • @Albert 距离的总和就像在广场上行走而不是直接穿过它:距离是不同的(FWIW 你的方法有时被称为曼哈顿距离)。
【解决方案2】:

由于这个问题显示在goolge搜索结果的前十,这里有一个我几年前写的更复杂的函数,它比现有的PHP函数产生了更好的结果。

/*
 * Die Funktion gibt den Array-Schlüssel der Farbe ($palette),
 * die am ehesten der Farbe $givenColor entspricht.
 * 
 * Returns the index of the palette-color which is most similar
 * to $givenColor.
 * 
 * $givenColor und die Einträge in $palette können entweder
 * Strings im Format (#)rrggbb
 * (z. B. "ff0000", "4da4f3" oder auch "#b5d7f3")
 * oder Arrays mit je einem Wert für Rot, Grün und Blau 
 * (z. B. $givenColor = array( 0xff, 0x00, 0x00 ) )
 * sein.
 * 
 * $givenColor and the colors in $palette should be either
 * formatted as (#)rrggbb
 * (e. g. "ff0000", "4da4f3" or "#b5d7f3")
 * or arrays with values for red, green and blue
 * (e. g. $givenColor = array( 0xff, 0x00, 0x00 ) )
 *
 * Referenzen/References:
 * function rgb2lab
 *   - http://www.f4.fhtw-berlin.de/~barthel/ImageJ/ColorInspector//HTMLHilfe/farbraumJava.htm
 *   - http://www.brucelindbloom.com/index.html?Eqn_RGB_to_XYZ.html
 *   - http://www.brucelindbloom.com/index.html?Eqn_XYZ_to_Lab.html
 *
 * function deltaE
 *   - http://www.brucelindbloom.com/index.html?Eqn_DeltaE_CMC.html
 */
function getNearestColor( $givenColor,
                          $palette = array('blue' => '0000ff','red' => 'ff0000','green' => '00ff00','yellow' => 'ffff00','black' => '000000','white' => 'ffffff','orange' => 'ff8800','purple' => 'ff00ff', 'teal' => '00ffff')
  )
{
  if(!function_exists('rgb2lab'))
  {
    function rgb2lab($rgb) {
      $eps = 216/24389; $k = 24389/27;
      // reference white D50
      $xr = 0.964221; $yr = 1.0; $zr = 0.825211;
      // reference white D65
      #$xr = 0.95047; $yr = 1.0; $zr = 1.08883;

      // RGB to XYZ
      $rgb[0] = $rgb[0]/255; //R 0..1
      $rgb[1] = $rgb[1]/255; //G 0..1
      $rgb[2] = $rgb[2]/255; //B 0..1

      // assuming sRGB (D65)
      $rgb[0] = ($rgb[0] <= 0.04045)?($rgb[0]/12.92):pow(($rgb[0]+0.055)/1.055,2.4);
      $rgb[1] = ($rgb[1] <= 0.04045)?($rgb[1]/12.92):pow(($rgb[1]+0.055)/1.055,2.4);
      $rgb[2] = ($rgb[2] <= 0.04045)?($rgb[2]/12.92):pow(($rgb[2]+0.055)/1.055,2.4);

      // sRGB D50
      $x =  0.4360747*$rgb[0] + 0.3850649*$rgb[1] + 0.1430804*$rgb[2];
      $y =  0.2225045*$rgb[0] + 0.7168786*$rgb[1] + 0.0606169*$rgb[2];
      $z =  0.0139322*$rgb[0] + 0.0971045*$rgb[1] + 0.7141733*$rgb[2];
      // sRGB D65
      /*$x =  0.412453*$rgb[0] + 0.357580*$rgb[1] + 0.180423*$rgb[2];
      $y =  0.212671*$rgb[0] + 0.715160*$rgb[1] + 0.072169*$rgb[2];
      $z =  0.019334*$rgb[0] + 0.119193*$rgb[1] + 0.950227*$rgb[2];*/

      // XYZ to Lab
      $xr = $x/$xr; $yr = $y/$yr; $zr = $z/$zr;

      $fx = ($xr > $eps)?pow($xr, 1/3):($fx = ($k * $xr + 16) / 116); $fy = ($yr > $eps)?pow($yr, 1/3):($fy = ($k * $yr + 16) / 116); $fz = ($zr > $eps)?pow($zr, 1/3):($fz = ($k * $zr + 16) / 116);

      $lab = array();
      $lab[] = round(( 116 * $fy ) - 16); $lab[] = round(500*($fx-$fy)); $lab[] = round(200*($fy-$fz));      
      return $lab;
    } // function rgb2lab
  }

  if(!function_exists('deltaE'))
  {
    function deltaE($lab1, $lab2)
    {
      // CMC 1:1
      $l = 1; $c = 1;

      $c1 = sqrt($lab1[1]*$lab1[1]+$lab1[2]*$lab1[2]); $c2 = sqrt($lab2[1]*$lab2[1]+$lab2[2]*$lab2[2]);

      $h1 = (((180000000/M_PI) * atan2($lab1[1],$lab1[2]) + 360000000) % 360000000)/1000000;

      $t = (164 <= $h1 AND $h1 <= 345)?(0.56 + abs(0.2 * cos($h1+168))):(0.36 + abs(0.4 * cos($h1+35)));
      $f = sqrt(pow($c1,4)/(pow($c1,4) + 1900));

      $sl = ($lab1[0] < 16)?(0.511):((0.040975*$lab1[0])/(1 + 0.01765*$lab1[0]));
      $sc = (0.0638 * $c1)/(1 + 0.0131 * $c1) + 0.638;
      $sh = $sc * ($f * $t + 1 -$f);

      return sqrt( pow(($lab1[0]-$lab2[0])/($l * $sl),2) + pow(($c1-$c2)/($c * $sc),2) + pow(sqrt(($lab1[1]-$lab2[1])*($lab1[1]-$lab2[1]) + ($lab1[2]-$lab2[2])*($lab1[2]-$lab2[2]) + ($c1-$c2)*($c1-$c2))/$sh,2) );
    } // function deltaE
  }

  if(!function_exists('colorDistance'))
  {
    function colorDistance($lab1,$lab2)
    {
      return sqrt(($lab1[0]-$lab2[0])*($lab1[0]-$lab2[0])+($lab1[1]-$lab2[1])*($lab1[1]-$lab2[1])+($lab1[2]-$lab2[2])*($lab1[2]-$lab2[2]));
    }
  }

  if(!function_exists('str2rgb'))
  {
    function str2rgb($str)
    {
      $str = preg_replace('~[^0-9a-f]~','',$str);
      $rgb = str_split($str,2);
      for($i=0;$i<3;$i++)
        $rgb[$i] = intval($rgb[$i],16);

      return $rgb;
    } // function str2rgb
  }

  // split into RGB, if not already done
  $givenColorRGB = is_array($givenColor)?$givenColor:str2rgb($givenColor);
  $min = 0xffff;
  $return = NULL;

  foreach($palette as $key => $color)
  {
    // split into RGB
    $color = is_array($color)?$color:str2rgb($color);
    // deltaE
    #if($min >= ($deltaE = deltaE(rgb2lab($color),rgb2lab($givenColorRGB))))
    // euclidean distance
    if($min >= ($deltaE = colorDistance(rgb2lab($color),rgb2lab($givenColorRGB))))
    {
      $min = $deltaE;
      $return = $key;
    }
  }

  return $return;
}

【讨论】:

  • 对我来说这是唯一正确的答案!
  • 请注意,我在上面的代码中同时使用了replacements for the Delta E algorithm。不过,如果我今天要实现一个新的颜色距离函数,我会使用 DIN99c 或 DIN99d 颜色空间,因为它们比 CIE94 或 CIEDE2000 更容易和更快地计算,同时提供类似的质量。
  • 一些解释是有序的。这是做什么的?为什么更好?
  • 此函数使用颜色空间,其中颜色之间的距离与人类的颜色感知相似。这允许某种颜色从给定的调色板中获得最佳匹配颜色。但正如我所写:今天我将使用 DIN99 的实现来实现这一点。上面的函数是 10 多年前写的。
【解决方案3】:

求平方根是没有意义的。求最短距离与求最短平方距离相同。 sqrt 是一个昂贵的操作,所以跳过它。

这是否真的很重要,当然,取决于你的程序多久进行一次计算,但它仍然没有意义。

【讨论】:

    【解决方案4】:

    你必须计算到每种颜色的距离,然后选择最小的。

    有几种方法可以做到这一点。一个简单的方法是计算距离:

    sqrt((r-r1)^2+(g-g1)^2+(b-b1)^2)
    

    更好的方法可能是结合加权值来计算距离,例如转换 RGB->YUV 时使用的值:

    Y = 0.299 * R + 0.587 * G + 0.114 * B
    

    在这种情况下,您将使用

    sqrt(((r - r1) * .299)^2 + ((g - g1) * .587)^2 + ((b - b1) * .114)^2)
    

    当然,由于您不需要确切的距离,只需要比较,您可以并且可能应该跳过平方根,进行最后的计算:

    ((r - r1) * .299)^2 + ((g - g1) * .587)^2 + ((b - b1) * .114)^2
    

    【讨论】:

    • 谢谢你,我要编辑OP并把我做的功能。
    • 随机想法:严格来说,您不需要取平方根,只要考虑性能就可以找到最小的平方。
    • @mootinator 为什么我们需要对这些值进行平方?为什么不只是最短距离?
    • @mootinator 我们是否正在平方以消除负值?有谁知道绝对值函数是否比平方快?或者简单地转换为字符串并剥离负数然后转换回数字,或者如果它是负数,可能只是将自身乘以负数 1?
    • @Albert Renshaw 我们正在平方以找到两点之间的欧几里得距离。我们跳过了距离的平方根,因为该步骤不会影响距离的排序顺序。
    【解决方案5】:

    计算从输入颜色到调色板所有可能候选颜色的距离,然后选择距离最小的颜色作为替换它的颜色。

    距离可以用任何你喜欢的方式定义;欧几里得距离似乎适用于 RGB 立方体、圆柱体或 HSL/HSV 锥体。

    【讨论】:

      猜你喜欢
      • 2019-08-17
      • 2019-07-02
      • 1970-01-01
      • 2016-11-13
      • 2011-05-09
      • 2017-10-26
      • 2020-09-04
      相关资源
      最近更新 更多