Pourquoi ce code Javascript RVB au code HSL ne fonctionne-t-il pas?

J'ai trouvé cette RVB pour HSL script plus à http://www.mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript. Je ne peux pas trouver n'importe quelle autre petite décent. Le problème est que ce code n'a même pas vraiment de travail. Quelqu'un sait pourquoi? (Je ne sais pas un peu de la couleur de maths, mais c'est peut-être le retour de la complémentarité?)

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];
}

Edit: quand je lance rgbToHsl(126,210,22) me [ .24, .81, .45 ], ce qui est de la LGV pour une couleur orange.

source d'informationauteur Kyle Hotchkiss

  1. 21

    L'résultant HSV tableau doit être interprété en trois fractions. Pour certains programmes, si vous voulez exprimer HSV que les entiers, vous multipliez le "H" de la valeur de 360, et le "S" et le "V" des valeurs par 100. Le HSV valeur que vous citez pour votre nuance de vert RGB[126, 210, 22] est HSV [87, 81, 45] dans les entiers. Vous pouvez modifier la fonction pour renvoyer ces entiers si vous voulez:

    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)];
}

    [edit] cela dit, c'est encore de me donner quelque chose avec une luminosité ("L" ou "V") c'est beaucoup trop sombre; Gimp dit que le HSV valeur doit être [90, 80, 82], ou en fractions d'termes [.20, .80, .82].

    [un autre edit] bien un problème pourrait être que HSL et HSV sont différents régimes ... toujours à la recherche autour.

    OK dans le cas où quelqu'un veut RVB à HSV (comme on peut en voir dans Gimp par exemple), voici une version de:

    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];
}
  2. 1

    Fonction ci-dessous convertit RGB de la couleur dans la Teinte la Saturation la Luminosité de la couleur comme Photoshop sélecteur de couleur, les résultats sont dans les gammes:

    • Teinte 0-360 (degrés)
    • Saturation: 0 à 100 (%)
    • Luminosité: 0 à 100 (%)

    Je ne comprends toujours pas pourquoi les gens utilisent le terme HSV (Teinte Saturation Valeur) au lieu de HSB (Teinte Saturation Luminosité), de toute façon c'est une question de fo de la terminologie, les résultats sont les mêmes

       //Converts to color HSB object (code from here http://www.csgnetwork.com/csgcolorsel4.html with some improvements)
function rgb2hsb(r, g, b)
{    
r /= 255; g /= 255; b /= 255; //Scale to unity.   
var minVal = Math.min(r, g, b),
maxVal = Math.max(r, g, b),
delta = maxVal - minVal,
HSB = {hue:0, sat:0, bri:maxVal},
del_R, del_G, del_B;
if( delta !== 0 )
{
HSB.sat = delta / maxVal;
del_R = (((maxVal - r) / 6) + (delta / 2)) / delta;
del_G = (((maxVal - g) / 6) + (delta / 2)) / delta;
del_B = (((maxVal - b) / 6) + (delta / 2)) / delta;
if (r === maxVal) {HSB.hue = del_B - del_G;}
else if (g === maxVal) {HSB.hue = (1 / 3) + del_R - del_B;}
else if (b === maxVal) {HSB.hue = (2 / 3) + del_G - del_R;}
if (HSB.hue < 0) {HSB.hue += 1;}
if (HSB.hue > 1) {HSB.hue -= 1;}
}
HSB.hue *= 360;
HSB.sat *= 100;
HSB.bri *= 100;
return HSB;
}

    Exemple d'utilisation:

    var hsb = rgb2hsb(126,210,22);
alert("hue = " + hsb.hue + "saturation = " + hsb.sat + "brightness = " + hsb.bri);