Javascript 动态更改渐变的颜色

我正在尝试使用jQuery动态更改线性渐变的色调/饱和度/亮度。出于某种原因，我就是不知道该怎么做。我在这里使用jQuery渐变插件：。对于HSL选择器，我在这里使用插件：。渐变插件接受RGB值，我可以更新这些值，然后在HSL滑块更改时刷新插件。我想我困惑的是如何用hsl动态地改变每个渐变的颜色。也许有人能告诉我如何做的一般过程

我需要它与此类似（进入页面时单击色调/饱和度）：

---

简而言之，您需要检索每种颜色，转换为hsl，进行调整，然后使用新颜色设置css渐变中的颜色，如

$(myelement).css('background', 'linear-gradient(to bottom, '+ newColor1 +' 0%, ' + newColor2 +' 100%);

---

这就是您想要的吗？

您是否正在寻找将HSL转换为RGB的方法？这有用吗？--你知道你想要渐变的元素的ID会改变吗？您可以在CSS样式表中写下更改，然后在头部插入一个。这将节省刷新和脚本运行两次的时间。只是一个想法。我可以检索渐变中的颜色并将其转换为HSL，但我很难理解的是如何进行调整。例如，如果我有3个用于色调/饱和度/亮度的HSL滑块，它们都默认为0，那么我移动其中一个，如何将其合并到当前在渐变中设置的颜色中？我很欣赏你的回答。基本上，你会将滑块的值应用于所有颜色，比如说如果你调整饱和度，滑块值增加到10，你会得到所有颜色的hsl值，并将每种颜色的饱和度值增加10。这是假设您正在对渐变进行全局饱和度调整，而不仅仅是对其中的单一颜色进行调整。