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

标签 javascript math colors

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

限制:

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

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

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

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

最佳答案

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

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

关于javascript - 单击时为数组创建新的未使用颜色的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59137336/

相关文章:

javascript - $modal.modal 不是 FooTable 中的函数

vba - 将形状颜色与单元格颜色匹配 - vba

android - 如何根据 Json 对象设置颜色代码

matlab - 基于值的 plot3 线条颜色

javascript - 两个不同的 html 表格突出显示相同的行顺序

javascript - 在 onclick 中使用变量是否比使用 e.target 更糟糕?

javascript - 单击按钮时按钮对齐方式发生变化 - extjs

python-3.x - 错误: "can' t multiply sequence by non-int of type 'float' "

javascript - 如何预测纺车的停止 Angular ?

math - 你如何将这个 for 循环转化为数学