2017-01-12 13 views
1

PHPでは、値が0から1までの範囲のリストを持っています。私はそれ自身の色のそれぞれの価値を与えたい。PHP - 緑からの色を生成 - >黒 - >赤

緑色を0、黒色を0.5、赤色を1にします。 0.1のような値はまだ緑色ですが、グラデーションが少し黒くなるはずです。 0.6のような値は黒になり、赤に向かって小さな色合いになります。

IからRGBの方法を使用してみました:Generate colors between red and green for a power meter?

$R = (255 * $percentage)/100; 
$G = (255 * (100 - $percentage))/100 ; 
$B = 0; 

しかし、これは直接緑と赤の間の色を作成し、私は途中で黒を使用することはできません。

IからRGBにHSLを試みた:HSL to RGB color conversion

/** 
* Converts an HSL color value to RGB. Conversion formula 
* adapted from http://en.wikipedia.org/wiki/HSL_color_space. 
* Assumes h, s, and l are contained in the set [0, 1] and 
* returns r, g, and b in the set [0, 255]. 
* 
* @param {number} h  The hue 
* @param {number} s  The saturation 
* @param {number} l  The lightness 
* @return {Array}   The RGB representation 
*/ 
function hslToRgb(h, s, l){ 
    var r, g, b; 

    if(s == 0){ 
     r = g = b = l; // achromatic 
    }else{ 
     var hue2rgb = function hue2rgb(p, q, t){ 
      if(t < 0) t += 1; 
      if(t > 1) t -= 1; 
      if(t < 1/6) return p + (q - p) * 6 * t; 
      if(t < 1/2) return q; 
      if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; 
      return p; 
     } 

     var q = l < 0.5 ? l * (1 + s) : l + s - l * s; 
     var p = 2 * l - q; 
     r = hue2rgb(p, q, h + 1/3); 
     g = hue2rgb(p, q, h); 
     b = hue2rgb(p, q, h - 1/3); 
    } 

    return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)]; 
} 

しかし、これは赤に白に緑から色を作成します。私はそれが緑色から黒色に赤くなることを望む。とにかく私はこれを行うことができますか?

+1

PHPでタグ付けされた質問のJavascriptコードを投稿しました。これを行うにはJavascriptを使用していませんか? – hRdCoder

+0

ああ、申し訳ありません。私はちょうどPHPに変換しました、同じコードは変数がPHP用です。 – DijkeMark

答えて

1

これはトリックを行う必要がありますような単純なもの:あなたはJavascriptやPHPを使用する場合elseif/else ifが異なって書かれること

$R = 0; 
$G = 0; 
$B = 0; 

// 255 ÷ 50 = 5.1 
if($percentage > 50) { 
    $R = 5.1 * ($percentage - 50); 
} 
elseif($percentage < 50) { 
    $G = 255 - (5.1 * $percentage); 
} 

EDIT

注意。現在の例は、あなたの質問にタグが付けられているので、PHPで動作します。

+0

私のニーズに合わせてちょっと調整するだけですが、この考え方は本当に効果的です。ありがとう!私はあまりにも難しいと思っていた。 – DijkeMark

+0

私の喜び! :) –

関連する問題