Javascript jQuery UI颜色选择器问题

我想创建一个颜色选择器，但它需要像这样水平 它需要是一个水平滑块，可以滚动所有颜色。我试图以jQueryUI滑块为基础

有人从网上知道这方面的例子吗？ 或者你能告诉我怎么做吗

我想根据滑块设置的距离，比如说50%，我需要将该值转换为颜色值

距离的0%是白色，100%是黑色

注意：它需要1个滑块，可以在

所有

颜色范围内移动，并且颜色必须平滑过渡，而不是全部随机

如下图所示：

---

但是它需要在其中加入白色和黑色。

有很多用于颜色选择器的jQuery UI示例。他们甚至有你可以滚动所有颜色的例子。希望这有帮助。

您可以将HTML颜色表示为十六进制值。记住这一点，我们可以创建一个从

#000000

到

#FFFFFF

的滑块（或十进制0到16777215）：

请注意，要使其远程可用，您必须有一个相当长的滑块。为了更好地了解它的工作原理，请使用键盘箭头而不是鼠标滑动颜色

---

示例：

我认为这是不可能的。我建议使用众多jQuery colorpicker插件中的一个。或者你也可以看看这个jQuery UI示例——这不是你想要的，但它确实使用了jQueryUI滑块：

这基本上就是我要找的，但问题是颜色过渡不平滑，这太随机了。有没有办法让它更平滑？我用我要找的图片更新了第一篇帖子，但里面也需要黑白颜色…我不确定你想要的是什么。我希望有人能证明我错了

$("#slider").slider({
    min: 0,
    max: 16777215,
    slide: function (event, ui) {
        var hex = "#" + ui.value.toString(16);
        $("#color").css("background-color", hex);
    }
});