javascript - 如何在调色板和滑块上将颜色转换为 (x, y) 坐标

Question

我做了一个颜色选择器，它功能齐全，可以做它应该做的事情。我想添加一个输入框，用户可以在其中插入任何颜色值 HEX、RGBA、HSLA。现在我正在尝试获取用户输入的值，并将调色板中的滑块和“光标”更改为正确的位置。

这就是我的调色板的样子及其值/可能的重要信息；并且只是指出我正在谈论的“光标”是@调色板的右上角，滑块当然是彩虹范围输入

在此先感谢您的帮助。

标签： javascriptjquerycolors

Answer 1

通过将用户输入的值转换为 HSV 解决了问题。我将色调范围的最大值替换为 360，并将色调设置为 hsv 的 h 值。s 值我附加了一个 '%' 并将其分配给'cursor' 的左值 V 值我首先执行并100 - v附加了一个'%' 并将其分配给'cursor' 的顶部值