convertir HEX en HSL javascript

Question

Bonjour, je suis en train de créer une fonction de conversion HEX en HSL. Je sais que dans un premier temps, je devrais convertir HEX en RGB puis de RGB à HSL. Je l'ai fait en utilisant un script de StackOverflow. S et L fonctionnent correctement mais H (hue) ne l'est pas. Je ne sais pas pourquoi, voici mon code:

toHSL: function(hex) { 
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); 

    var r = parseInt(result[1], 16); 
    var g = parseInt(result[2], 16); 
    var b = parseInt(result[3], 16); 

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

    s = s*100; 
    s = Math.round(s); 
    l = l*100; 
    l = Math.round(l); 

    var colorInHSL = 'hsl(' + h + ', ' + s + '%, ' + l + '%)'; 
    $rootScope.$emit('colorChanged', {colorInHSL}); 

Lorsque l'entrée est #ddffdd

alors la sortie est hsl(0.3333333333333333, 100%, 93%)

mais devrait être hsl(120, 100%, 93%).

Answer 1

Vous avez oublié de multiplier la teinte par 360.

s = s*100; 
s = Math.round(s); 
l = l*100; 
l = Math.round(l); 
h = Math.round(360*h); 

var colorInHSL = 'hsl(' + h + ', ' + s + '%, ' + l + '%)';