javascript - 是否可以生成颜色?

标签 javascript colors

我知道已经有关于此的帖子,但我仍然不太明白..我想要一个自动生成颜色代码的脚本({color:Lighter})这将是 {color:Links} 的简化版本。我希望脚本使用十六进制代码(必须是十六进制)来获取 {color:Links} 的颜色代码,并使其亮 10 倍。非常接近白色,但足够白,以便您仍然可以看到颜色。有人可以给我一个代码吗?

最佳答案

您所做的是混合两种颜色,因此您可以像这样计算颜色分量:

c = c0 + (c1-c0) * x

其中 c0c1 是两种颜色,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/

相关文章:

python - 重音字符的 Bash 背景颜色更改

android - 如何使用MediaCodec编码器获取RGB颜色格式的帧

javascript - 当我按下回车问题时提交,html 表单

javascript - 在 Node js 中安装 udev 模块时出现错误

javascript - 在具有权重/偏差的范围之间生成随机数?

javascript - 如何防止在 React 中重新渲染随机颜色

来自字符串 "Yellow"的 Java 颜色

javascript - Jquery 图像悬停卡住了

javascript - 扩展函数返回的属性?

css - 我们应该在网站/应用程序的设计/编码/开发时只使用网络安全颜色吗?