Javascript 带画布的调色板算法-HTML5

Javascript 带画布的调色板算法-HTML5,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,您好,我想根据我已有的六种调色板生成一些随机颜色 我们的想法是创建一个列表,每个元素都有不同的颜色,如果列表中有6个以上的元素,那么第7个颜色将基于列表中的第1个,第8个颜色将基于第2个,依此类推,但是新的颜色会略有不同,可能会更亮或更暗 我的调色板是: 颜色1(绿色): 十六进制:#acff68 RGB:(17225194) 颜色2(蓝色): 十六进制:#8db9f5 RGB:(141185245) 颜色3(红色): 十六进制:#e45050 RGB:(228,80,80) 颜色4(黄色):

您好,我想根据我已有的六种调色板生成一些随机颜色

我们的想法是创建一个列表,每个元素都有不同的颜色,如果列表中有6个以上的元素,那么第7个颜色将基于列表中的第1个,第8个颜色将基于第2个,依此类推,但是新的颜色会略有不同,可能会更亮或更暗

我的调色板是:

  • 颜色1(绿色):
    十六进制:#acff68
    RGB:(17225194)

  • 颜色2(蓝色):
    十六进制:#8db9f5
    RGB:(141185245)

  • 颜色3(红色):
    十六进制:#e45050
    RGB:(228,80,80)

  • 颜色4(黄色):
    十六进制:#f5f069
    RGB:(245240105)

  • 颜色5(棕色):
    十六进制:#cec192
    RGB:(206193146)

  • 颜色6(粉红色):
    十六进制:#f59494
    RGB:(245148148)


提前感谢:)

您可以在RGB和HSV(色调、饱和度、亮度)之间切换
从RGB获取HSV后,可以调整其亮度并再次将其转换为RGB值


查看此维基:

@victorhqc,如果答案确实对您有帮助,请不要忘记检查此答案:)的确如此!谢谢;)但我无法检查答案,声誉不够:(我仍在使用生成的颜色。我使用HSL模型而不是HSV。我发现这个rgb-HSL-HSV javascript函数也帮助@victorhqc使用HSL或HSV模型:)关于检查,在投票时,检查答案不需要任何特权。你可以点击投票上/下按钮左侧的空白检查图片来检查这个答案。哈哈,谢谢,是的,HSL和HSV救了我的命。非常感谢:)