HSL을 RGB로 변환 할 때의 문제

Question

HSL 값을 RGB로 변환하려고하지만 색조 값이 약 180 인 경우 이상한 결과가 나타납니다. 결과로 나오는 RGB 값은 밝기 값에 따라 달라집니다.

내 구현 :

public class HSLtoRGB { 
    private static float hueToRGB(float m1, float m2, float h) { 
     if(h < 0) { 
      h += 1.0f; 
     } else if(h > 1.0f) { 
      h -= 1.0f; 
     } 

     if((h * 6) < 1) { 
      return m1 + (m2 - m1) * 6 * h; 
     } else if((h * 2) < 1) { 
      return m2; 
     } else if((h * 3) < 2) { 
      return m1 + (m2 - m1) * ((2/3) - h) * 6; 
     } else { 
      return m1; 
     } 
    } 

    public static void main(String[] args) { 
     float h = 180.0f/360.0f; 
     float s = 100.0f/100.0f; 
     float l = 38.0f/100.0f; 
     float r = 0; 
     float g = 0; 
     float b = 0; 

     if(s == 0.0) { 
      r = g = b = l; 
     } else { 
      float m2 = l < 0.5 ? l * (1 + s) : (l + s) - (l * s); 
      float m1 = (l * 2) - m2; 

      r = hueToRGB(m1, m2, h + (1.0f/3.0f)); 
      g = hueToRGB(m1, m2, h); 
      b = hueToRGB(m1, m2, h - (1.0f/3.0f)); 
     } 

     System.out.printf("%.2f %.2f %.2f -> %.2f %.2f %.2f", 
          h, s, l, 
          r, g, b); 
    } 
} 

및 위의 출력 : 나는 this algorithm를 따라와 CSS3의 문서에서 하나 포함, 위의 공식을 얻을 수 많은 다른 사람을 확인

0.50 1.00 0.38 -> 0.00 -2.28 0.76 

:

HOW TO RETURN hsl.to.rgb(h, s, l): 
    SELECT: 
     l<=0.5: PUT l*(s+1) IN m2 
     ELSE: PUT l+s-l*s IN m2 
    PUT l*2-m2 IN m1 
    PUT hue.to.rgb(m1, m2, h+1/3) IN r 
    PUT hue.to.rgb(m1, m2, h ) IN g 
    PUT hue.to.rgb(m1, m2, h-1/3) IN b 
    RETURN (r, g, b) 

HOW TO RETURN hue.to.rgb(m1, m2, h): 
    IF h<0: PUT h+1 IN h 
    IF h>1: PUT h-1 IN h 
    IF h*6<1: RETURN m1+(m2-m1)*h*6 
    IF h*2<1: RETURN m2 
    IF h*3<2: RETURN m1+(m2-m1)*(2/3-h)*6 
    RETURN m1 

Answer 1

그 원인은 다음과 같습니다.

return m1 + (m2 - m1) * ((2/3) - h) * 6; 

0과 같은 정수 구분 2/3을 수행하고 있습니다. A simple change to :

return m1 + (m2 - m1) * ((2.0f/3.0f) - h) * 6; 

나를 위해 해결할 것 같습니다. 동등한 청색/녹색 0.76으로 되돌아옵니다. 이는 색상 180 (청록색)에 적용됩니다.