初始化后如何在光谱调色板中设置颜色？答案

【问题标题】：How do I set a color in the spectrum palette after initialization?初始化后如何在光谱调色板中设置颜色？
【发布时间】：2015-12-17 08:44:34
【问题描述】：

我有一个光谱调色板和一个文本框。文本框包含所选颜色的十六进制值并且是可编辑的。我需要能够通过提供适当的十六进制值来设置调色板中的颜色。也就是说，如果我输入一个十六进制值，例如#000000，调色板中的指针应该指向黑色。我如何做到这一点？

另外，除了十六进制，我还应该能够让它适用于 R-G-B 值。

如何在频谱上实现这两种情况？

【问题讨论】：

标签： javascript jquery spectrumjs

【解决方案1】：

有set 方法，在文档中有描述：

以编程方式设置颜色选择器将更新原始输入。

<input type='text' value='blanchedalmond' name='triggerSet' id='triggerSet' />
<input type='text' placeholder='Enter A Color' id='enterAColor' />
<button id='btnEnterAColor'>Trigger Set</button>

<script>
$("#triggerSet").spectrum();

// Show the original input to demonstrate the value changing when calling `set`
$("#triggerSet").show();

$("#btnEnterAColor").click(function() {
    $("#triggerSet").spectrum("set", $("#enterAColor").val());
});
</script>

Here 正在进行演示。您可以在右侧字段中输入不同格式的颜色名称，例如，red、#000000、rgb(250, 250, 250)、rgba(1, 174, 120, 0.5)。

【讨论】：

【解决方案2】：

你试过这个网址吗？我想你会从这个网址得到解决方案。 https://bgrins.github.io/spectrum/

【讨论】：