为什么这个 Javascript RGB 到 HSL 代码不起作用？

我发现这个 RGB 到 HSL 脚本位于http://www.mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript。我找不到其他像样的小东西了。问题是这段代码根本不起作用。有人知道为什么吗？ （我不懂一点颜色数学，但也许它会返回互补色？）

function rgbToHsl(r, g, b){
    r /= 255, g /= 255, b /= 255;
    var max = Math.max(r, g, b), min = Math.min(r, g, b);
    var h, s, l = (max + min) / 2;

    if(max == min){
        h = s = 0; // achromatic
    }else{
        var d = max - min;
        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
        switch(max){
            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
            case g: h = (b - r) / d + 2; break;
            case b: h = (r - g) / d + 4; break;
        }
        h /= 6;
    }

    return [h, s, l];
}

编辑：当我跑步时rgbToHsl(126,210,22)它给了我 [ .24, .81, .45 ]，这是橙色的 HSL。

生成的 HSV 数组必须解释为三个部分。对于某些程序，如果您想将 HSV 表示为整数，请将“H”值乘以 360，将“S”和“V”值乘以 100。您为绿色阴影 RGB[126, 210, 22] 是 HSV [87, 81, 45] 的整数。如果您愿意，您可以更改该函数以返回此类整数：

function rgbToHsl(r, g, b){
    r /= 255, g /= 255, b /= 255;
    var max = Math.max(r, g, b), min = Math.min(r, g, b);
    var h, s, l = (max + min) / 2;

    if(max == min){
        h = s = 0; // achromatic
    }else{
        var d = max - min;
        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
        switch(max){
            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
            case g: h = (b - r) / d + 2; break;
            case b: h = (r - g) / d + 4; break;
        }
        h /= 6;
    }

    return [Math.floor(h * 360), Math.floor(s * 100), Math.floor(l * 100)];
}

[编辑]也就是说，它仍然给我一些亮度（“L”或“V”）相当太暗的东西； Gimp 说 HSV 值应该是 [90, 80, 82]，或者小数形式 [.20, .80, .82]。

[另一个编辑] 嗯，一个问题可能是 HSL 和 HSV 是不同的方案......仍在四处寻找。

好吧，如果有人想要 RGB 到 HSV（例如您在 Gimp 中看到的），这里有一个版本：

function rgbToHsv(r, g, b) {
    var
        min = Math.min(r, g, b),
        max = Math.max(r, g, b),
        delta = max - min,
        h, s, v = max;

    v = Math.floor(max / 255 * 100);
    if ( max != 0 )
        s = Math.floor(delta / max * 100);
    else {
        // black
        return [0, 0, 0];
    }

    if( r == max )
        h = ( g - b ) / delta;         // between yellow & magenta
    else if( g == max )
        h = 2 + ( b - r ) / delta;     // between cyan & yellow
    else
        h = 4 + ( r - g ) / delta;     // between magenta & cyan

    h = Math.floor(h * 60);            // degrees
    if( h < 0 ) h += 360;

    return [h, s, v];
}

edit请注意，有几条评论表明Math.round()可能会给出更好的答案Math.floor()，如果有人想尝试的话。