将HSL转换为RGB的问题

时间:2013-10-24 14:40:58

标签: algorithm rgb hsl

我正在尝试将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);
    }
}

以及上面的输出:

0.50 1.00 0.38 -> 0.00 -2.28 0.76

我关注this algorithm并检查了许多其他人以获得上述公式,包括CSS3文档中的公式:

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

1 个答案:

答案 0 :(得分:1)

看起来罪魁祸首就是这一行:

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

你正在进行整数除法2/3,它将等于0simple change到:

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

似乎为我解决了这个问题。它返回时具有相同的蓝色/绿色0.76,这对于色调180(青色)是有意义的。