24

私は動的ストア プロジェクトに取り組んでおり、ループを使用して製品のすべてのカラー オプションをカラー ボックスとして印刷していますが、これらの明るい色に「境界線」を追加する必要があります。次のようなものを試しましたが、非常に限られています。実際には白色のみに限定されており、#ddd、#eea などはキャッチされません。

ここに私のループがあります:

foreach($colors as $color) {
    $color = trim($color);
    if (!empty($color)) {
        if (in_array($color, array('white','White','#fff','#FFF','#FFFFFF','#ffffff'))) {
            $bordercolor = '#bbb';
        } else {
            $bordercolor = $color;
        }
    }
}

色は、白、#000、#cc0000 などのバックエンドからの配列です。if/else 条件にもすべての例外を追加するのは現実的ではありません。簡単なアイデアはありますか?

4

5 に答える 5

34

HTML の色を RGB に変換してから、Hue-Saturation-Lightnes (HSV) に変換します。

<?php

function HTMLToRGB($htmlCode)
  {
    if($htmlCode[0] == '#')
      $htmlCode = substr($htmlCode, 1);

    if (strlen($htmlCode) == 3)
    {
      $htmlCode = $htmlCode[0] . $htmlCode[0] . $htmlCode[1] . $htmlCode[1] . $htmlCode[2] . $htmlCode[2];
    }

    $r = hexdec($htmlCode[0] . $htmlCode[1]);
    $g = hexdec($htmlCode[2] . $htmlCode[3]);
    $b = hexdec($htmlCode[4] . $htmlCode[5]);

    return $b + ($g << 0x8) + ($r << 0x10);
  }

function RGBToHSL($RGB) {
    $r = 0xFF & ($RGB >> 0x10);
    $g = 0xFF & ($RGB >> 0x8);
    $b = 0xFF & $RGB;

    $r = ((float)$r) / 255.0;
    $g = ((float)$g) / 255.0;
    $b = ((float)$b) / 255.0;

    $maxC = max($r, $g, $b);
    $minC = min($r, $g, $b);

    $l = ($maxC + $minC) / 2.0;

    if($maxC == $minC)
    {
      $s = 0;
      $h = 0;
    }
    else
    {
      if($l < .5)
      {
        $s = ($maxC - $minC) / ($maxC + $minC);
      }
      else
      {
        $s = ($maxC - $minC) / (2.0 - $maxC - $minC);
      }
      if($r == $maxC)
        $h = ($g - $b) / ($maxC - $minC);
      if($g == $maxC)
        $h = 2.0 + ($b - $r) / ($maxC - $minC);
      if($b == $maxC)
        $h = 4.0 + ($r - $g) / ($maxC - $minC);

      $h = $h / 6.0; 
    }

    $h = (int)round(255.0 * $h);
    $s = (int)round(255.0 * $s);
    $l = (int)round(255.0 * $l);

    return (object) Array('hue' => $h, 'saturation' => $s, 'lightness' => $l);
  }

$colour = '#F12346';
$rgb = HTMLToRGB($colour);
$hsl = RGBToHSL($rgb);

var_dump($hsl);

使用法：

$colour = '#F12346';
$rgb = HTMLToRGB($colour);
$hsl = RGBToHSL($rgb);
if($hsl->lightness > 200) {
  // this is light colour!
}

ソース：

デモ：

于 2012-09-01T14:50:11.230 に答える
12

この状況で私がすることは、HSLを使用して色の明度を検出し、それを特定のパーセンテージと比較することです。たとえば、HSL アルゴリズムの明度属性は彩度 (M - m、M は最大の RGB 値、m は最小の RGB 値) を取り、それを 2 で割ります。

function lightness($R = 255, $G = 255, $B = 255) {
    return (max($R, $G, $B) + min($R, $G, $B)) / 510.0; // HSL algorithm
}

上記の関数は、選択した色の明るさのパーセンテージを返します (これにも単純な 16 進数 -> RGB 変換が必要ですが、それは非常に簡単なはずです)。2 ではなく 510 で割った理由は、 2 で割った後のパーセンテージを取得するには、255 で割るからです(x / 2) / 255 = x / 510。次に、上記の関数によって返された値を、たとえば 80% と比較します。

$r = hexdec($hex[0].$hex[1]);
$g = hexdec($hex[2].$hex[3]);
$b = hexdec($hex[4].$hex[5]);

if(lightness($r, $g, $b) >= .8) {
    // add border
} else {
    // no border
}
于 2012-09-01T14:50:02.710 に答える
7

他の回答で与えられた他の式に加えて、Lumaを検討することをお勧めします。

function luma($r, $g, $b)
{
  return (0.2126 * $r + 0.7152 * $g + 0.0722 * $b) / 255;
}

$l = luma(0, 15, 255);

値が 0 に近いほど暗くなります。値が 1 に近いほど明るくなります。

于 2012-09-01T15:13:08.477 に答える
0

さらに少ないコードで簡単な方法もあります。

<?php
//Functions

function getRGB($colorCode) {
    //Turn html color code into RGB
    $var_R = substr($colorCode, 0, 2);
    $var_G = substr($colorCode, 2, 2);
    $var_B = substr($colorCode, 4, 2);  

    //Get Hex values
    $val_R = hexdec($var_R);
    $val_G = hexdec($var_G);
    $val_B = hexdec($var_B);

    //Red is seen as light too, gets fixed with this
    $remRed = hexdec('99');
    if ($val_R > $remRed) {
        $RGB = $val_G.' '.$val_B;
    } else {
        $RGB = $val_R.' '.$val_G.' '.$val_B;
    }

    return $RGB;
}

function getHSL($R = 255, $G = 255, $B = 255) {
    $hsl = (max($R, $G, $B) + min($R, $G, $B)) / 510.0;
    return $hsl;
}
?>

今呼び出し：

$color = 0000FF; //Blue
$RGBcode = getRGB($color); //Returns 0 0 255
$RGBcode = str_replace(' ', ', ', $RGBcode); //Replaces an empty space with a ,
$val_HSL = getHSL($RGBcode); //Returns value from 0.5 to 1
if ($val_HSL >= 0.8) {
    //Reject color
} else {
    //Accept Color
    $color = '#'.$color; //Sets it to html: #0000FF
}
于 2017-06-02T14:41:32.820 に答える