javascript - 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に変換し、l値を操作しようとしていますが、操作する正しい数式を取得していません。誰か助けてくれませんか？