使用javascript计算与数字对应的颜色

我有一个数字的数据，我需要把它绘制成一个网格，并根据数字给每个块上色。较大的数字应该有较深的蓝色阴影，较小的数字应该有较浅的蓝色阴影。如何找到相应的颜色？

您可以使用

HSL

颜色。其中第一个参数是色调，第二个参数是饱和度，第三个参数是灯光值。在色轮上，蓝色位于240º，因此可以将H值设置为240。然后可以将饱和度设置为100%，灯光值设置为基于输入数字的百分比（通过在最大值上获取当前数据点计算）

见下例：

const data=[]；
常数MAX=100；
常量getColor=（n，最大值，错误）=>{
返回'hsl（240100%，${（1-n/max）*100}%）`
}
设html=“”；
for（设i=0；i
.box{
宽度：100px；
高度：100px；
}
您可以使用
HSL
颜色。其中第一个参数是色调，第二个参数是饱和度，第三个参数是灯光值。在色轮上，蓝色位于240º，因此可以将H值设置为240。然后可以将饱和度设置为100%，灯光值设置为基于输入数字的百分比（通过在最大值上获取当前数据点计算）

见下例：


const data=[]；
常数MAX=100；
常量getColor=（n，最大值，错误）=>{
返回'hsl（240100%，${（1-n/max）*100}%）`
}
设html=“”；
for（设i=0；i
.box{
宽度：100px；
高度：100px；
}
您可以使用
background:rgb（num，num，num）
但是我们需要更多的信息。您可以将其用作参考：您可以使用
background:rgb（num，num，num）
，但我们需要更多关于这方面的信息。您可以将其用作参考：这是可行的，但较小的数字表示白色。我可以设置边界吗？@Mmit我已经更新了我的答案，允许您输入边界。这是可行的，但较小的数字显示为白色。我可以设置边界吗？@Mmit我已经更新了我的答案，允许您输入边界