javascript - 单击时为数组创建新的未使用颜色的函数

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 3 年前。

Improve this question

我正在尝试想出一种方法，在点击时将新的未使用的颜色添加到数组中。

限制:

• 我无法预定义颜色数组，因为我不知道用户会单击多少次。

• 生成的每种新颜色都应该与数组中的任何其他颜色不同。

• 每种新颜色应该与数组中的前一种颜色相对不同。这意味着如果前一个颜色是红橙色，则当前颜色不应该是红粉色或黄橙色。

我想知道是否有一种直观或数学的方法来遍历 RGB 值，这样我可以获得新的颜色，而不必每次都遍历整个数组来查看该颜色是否存在。我已经考虑过使用哈希，但想看看是否还有其他方法。

Answer 1

尝试设置颜色/样式 {color: hsl(value,100%,50%);} 其中 value=(previous_value+interval)%360

间隔由你决定，例如我可以是34