2017-01-12 12 views
1

PHP에서 나는 0에서 1까지의 값을 갖는 목록을 가지고 있습니다. 각 가치에 자신이 원하는 색을주고 싶습니다.PHP - 녹색에서 검정색 생성 -> 검정 -> 빨강

녹색이 0, 검은 색이 0.5, 빨간색이 1이됩니다. 0.1과 같은 값은 여전히 ​​초록색이지만 그래디언트가 약간 검은 색으로 시작해야합니다. 0.6과 같은 값은 검은 색으로 빨간색으로 작은 색조가됩니다.

나는에서 RGB 방식을 사용하여 시도 : Generate colors between red and green for a power meter?

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

하지만이 녹색과 적색 사이에 직접 색상을 생성하고, 내가 중간에 검은 사용할 수 없습니다.

나는에서 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를 사용하고 있지 않습니까? – hRdCoder

+0

아, 죄송합니다. 방금 PHP로 변환했습니다. 동일한 코드는 PHP 용 변수입니다. – DijkeMark

답변

1

뭔가 트릭을 수행해야합니다

$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를 사용하는 경우 elseif/else if 다르게 기록 될 것

참고. 현재 예제는 질문에 태그가 붙어있는 그대로 PHP에서 작동합니다.

+0

나는 나의 필요에 더 잘 맞기 위해서 조금만 조정하면되지만,이 아이디어는 실제로 효과가있다. 감사! 나는 너무 어렵다고 생각했다. – DijkeMark

+0

내 기쁨! :) –