非HTML5 JavaScript HSV颜色选择器如何工作？

Question

有人可以解释JavaScript颜色选择器的工作原理吗？ （那些不使用HTML5画布的。）

我的第一个想法是生成（数千个）1px divs程序化的盟友并给它们略微不同的背景颜色。但我认为必须有一个比这更好的解决方案！

Answer 1

对于标准选取器，您需要一个静态图像，从左（不透明）到右（透明），从顶部（白色）到底部（黑色）的颜色渐变。创建一个DIV，并在其中创建图像。

Hue选择器是静态图像。选择色调时，DIV的背景颜色会更改为此色调。 DIV顶部的透明图像将改变这种底层颜色，并模拟一个合适的颜色选择器。魔术不是吗？

编辑：这是一个HSV选择器，色调选​​择器选择了Hue。大选择器上的X坐标是饱和度，Y是亮度（或值）。那么您可能需要HSV到RGB算法。

Answer 2

如果你真的需要一个颜色选择器，可以通过jQuery获得几个例子。例如：http://www.eyecon.ro/colorpicker/。我以前用过那个特别的。