Javascript 将照明度转换为十六进制颜色

我有一个很大的问题。从数据库中我可以得到从0到100的照明度。其中0-晚上，100-中午。知道了这些参数，我需要建立日梯度

数据结构看起来是这样的：

{
0: '0%',
10: '25%',
30: '100%',
40: '60%',
50: '100%',
90: '0%'
}

在逐点渐变瓷砖中，这可能会影响购买位置的变化。它从30-50幅插图

---

我一点也不知道。有什么建议吗？

您的数据结构有两个中午！（100%）

这可能不是你想要的，但可能更接近

更新 好的，谢谢，我确实看到你在问题中指出了这一点，但我忘记了

不管怎么说，我找到了这个链接

你的手在梯度上的表现是。 目前，屏幕左侧有一个渐变区域，这是因为尚未应用设置。 因此，我们将首先通过执行以下操作来纠正这一点：

在“线性”选项卡下的设置中，您将看到方向和方向值的滑块

单击方向滑块的加号按钮，直到值显示为底部

现在你看到了从黑到白从上到下的渐变。 这是您的昼夜比例的表示

现在，当用户移动到不同的时区时，它可以显示为渐变中的一步

要显示其外观，请单击添加颜色步骤按钮

现在添加了一个步骤，您在处开始、在处停止和在处结束 设置如下： 开始时为黑色 停在白色 在黑色处结束

现在有两个渐变，一个从黑到白，另一个从白到黑。 将鼠标光标放在标记为X%（其中X是当前百分比）的停止处滑块内的黑色正方形上，当您用鼠标拖动滑块时，您可以看到两个渐变是如何变化的

希望这能帮助你解决你的目标。 顺便说一句，如果渐变之间的公共颜色不相同，则必须添加另一个颜色_步骤（尽管我希望在大多数情况下公共颜色相同，唯一的例外是时区发生变化

---

<>它的价值是否被指出？我注意到这些值是作为RGB输入的，所以你需要一个函数将你的100%到RGB（255255255）和0%转换成RGB（0，0，0），其中黑色RGB（0.0）是午夜/夜晚，白色RGB（255255255）是白天/中午。

< P>我认为你需要的是将HSL转换成RGB的函数。（亮度）。你需要色调和饱和度，但这很简单。这个问题有多个javascript hsl到rgb的解决方案：

---

这是因为用户飞到了另一个位置（时区改变）。

{
0: '0%',
10: '20%',
30: '60%',
40: '80%',
50: '100%',
99: '1%'
}