我知道已经有关于此的帖子,但我仍然不太明白..我想要一个自动生成颜色代码的脚本({color:Lighter}
)这将是 {color:Links}
的简化版本。我希望脚本使用十六进制代码(必须是十六进制)来获取 {color:Links}
的颜色代码,并使其亮 10 倍。非常接近白色,但足够白,以便您仍然可以看到颜色。有人可以给我一个代码吗?
最佳答案
您所做的是混合两种颜色,因此您可以像这样计算颜色分量:
c = c0 + (c1-c0) * x
其中 c0
和 c1
是两种颜色,x
是它们之间的平衡。您可以使用接近 1 的值来获得接近第二个颜色的颜色。我不知道你所说的“淡十倍”到底是什么意思,但你可以尝试使用像 0.9 这样的值,这会给你一个混合结果,其中白色代表结果的 90%。
由于白色为 rgb(255,255,255),因此您可以将 RGB 值计算为:
r = r0 + (255-r0) * 0.9
g = g0 + (255-g0) * 0.9
b = b0 + (255-b0) * 0.9
然后您只需在 CSS 中将它们用作 'rgb('+r+','+g+','+b+')'
。
如果您需要它作为十六进制代码,您可以将其格式化如下:
'#'+(256+r).toString(16).substr(1)+(256+g).toString(16).substr(1)+(b+256).toString(16).substr(1)
关于javascript - 是否可以生成颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6087814/