javascript - 决定元素的颜色变体

Question

我有一个简单的任务：我有 N 个元素，每个元素都应该是更深或更浅的颜色，具体取决于元素的索引。

因此，例如对于元素[element1,element2,elemen3...]和颜色蓝色，我希望元素是最深的蓝色阴影，并且每个下一个元素都是浅蓝色的阴影。element1最深的蓝色阴影和最浅的蓝色阴影也是如此elementN。

现在我知道（例如），蓝色的 RGB 表示是 (0,0,255)。但是，减少“G”部分并不会使蓝色的阴影变浅。

我试着做简单的事：

var 数据 = [...]; for(var i = 0; i < data.length; i++){ var color = 255 - i; var rgb = "rgb(0,0," + color " + ); ..... }

以这种方式决定颜色深浅的​​诀窍是什么？感谢帮助！

标签： javascriptwebcolors