jquery에서 색상 밝기를 변경하는 방법

Question

나는 어둡음을 조절하기위한 색상 견본과 슬라이더를 만들었습니다. & 색상의 밝기. 슬라이더 값에 따라 색상 밝기를 변경하고 싶습니다. 내가 뭘하려 :

$("#darklight").slider({ 
     range: "min", 
     value: 0, 
     min: -0.5, 
     max: 0.5, 
     step: 0.1, 
     slide: function (event, ui) { 
      $("#swatches").children("div").each(function (i, v) { 
       var color = $(v).attr("title"); 
       var rgb = HEXtoRGB(color); 
       var hsl = rgbToHsl(rgb[0], rgb[1], rgb[2]); 
       hsl[2] += ui.value; //what formula should i use here to change the lightness of color ? 
       rgb = hslToRgb(hsl[0], hsl[1], hsl[2]); 
       color = RGBtoHEX("rgb(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + ")"); 
       $(v).attr("title", color).css("backgroundColor", color); 
      }); 
     } 
    }); 

을 여기에 내가 HSL 색상을 변환하고 리터 값을 조작하려고하지만, 조작 할 수있는 올바른 공식을 받고 있지 않다. 누구든지 나를 도울 수 있습니까?

Answer 1

HSL 색상의 L 속성을 수정하고 있습니다. 맞습니다.

오류는 L입니다. 공칭 값은 0.5이고 범위는 0 ~ 1.0이어야합니다.

따라서 귀하의 슬라이더 값이 +1에 -1에서 실행해야합니다 L에 추가 할 수 있지만이 범위 0 .. 1에서 결과 값을 고정 할 필요가

, 예컨대 :

hsl[2] += ui.value; 
hsl[2] = Math.min(hsl[2], 1); 
hsl[2] = Math.max(hsl[2], 0);