如何在javascript中生成颜色序列?

4

我需要显示一个数字,随着数字的减小,其颜色从红色逐渐变为绿色。

有没有办法根据数字的值自动生成字体颜色呢?

2个回答

1

酷!颜色很有趣(至少在不需要成为设计师的时候);-) - Morten Bergfall
1
如果你想要它看起来像一个平滑的过渡,而不是256个红色->绿色、浅色->深色的周期,那么你不需要那么多步骤。你可能想做的是使用相同亮度和饱和度的颜色,但只是改变色调。亮度应该是R/G/B通道的平均值;为了计算饱和度,你需要取一个颜色和其等值灰色之间的距离(即(亮度,亮度,亮度))。添加每个通道之间的差异应该可以给你饱和度,我想。 - Lèse majesté

0
我会使用CSS来实现这个。我会创建一套与所需颜色渐变相匹配的样式,然后使用javascript应用与数字匹配的样式。
这样,您可以将演示文稿、结构和js逻辑分开,同时保持您的js简单 :)

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接