使用Canvas的调色板算法 - HTML 5

时间:2012-01-17 03:54:30

标签: javascript html5 html5-canvas

您好我想基于我已经拥有的六色调色板生成一些随机颜色。

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

我的调色板是:

  • 颜色1(绿色):
    Hex:#acff68
    RGB:(172,255,194)

  • 颜色2(蓝色):
    十六进制:#8db9f5
    RGB:(141,185,245)

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

  • 颜色4(黄色):
    十六进制:#f5f069
    RGB:(245,240,105)

  • 颜色5(棕色):
    十六进制:#cec192
    RGB:(206,193,146)

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

提前致谢:)

1 个答案:

答案 0 :(得分:0)

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

检查此维基:http://en.wikipedia.org/wiki/HSL_and_HSV