如何创建具有特定渐变分布的HTML颜色数组？

Question

的JavaScript。我有一系列数字 var values = [1,20,12,6,9];

我需要创建一个相同大小的新数组，以便：

1. 与第一个中的最大元素对应的元素 数组总是"#3E296B"
2. 对应的元素 第一个数组的最小元素总是"#FFFFFF"。
3. 其他元素应使"#3E296B"的渐变颜色与其值成比例地变为"#FFFFFF"

即。我的新数组应该大致类似于：var colors = [white, blue, less_blue, less_less_blue, less_blue]（我用文字写作简化）

Answer 1

这是一个解决这个问题的库：

https://github.com/anomal/RainbowVis-JS

所以在加入之后你会做类似的事情：

var rainbow = new Rainbow();
rainbow.setSpectrum('#ffffff', '#3E296B');
rainbow.setNumberRange(1, 20); 
rainbow.colourAt(number); // based on the numbers from your array, this would return the color you want