2

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

我遵循此算法并检查了许多其他算法以获得上述公式，包括 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
4

1 回答 1

1

看起来罪魁祸首是这一行：

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

你正在做整数除法2/3，这将等于0。一个简单的改变：

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

似乎为我修复它。它返回相同的 blue/green 0.76，这对于色调 180（青色）是有意义的。

于 2013-10-24T14:59:23.877 回答