css - 在 CSS 中混合简单的颜色

Question

我有几个 SVG，它们会根据某些参数改变填充颜色。当两个参数在同一个 SVG 特征上时，我想混合两种对应的颜色，这样用户就可以知道在这个 SVG 中有这两种不同的“东西”。

例如，这是混合 BlueViolet (8A2BE2) 和 Aquamarine (7FFFD4) 后应用的结果颜色。Javascript中有一些公式吗？

提前致谢

Answer 1

分别添加每个 R/G/B 组件并除以 2，例如

(8A + 7F) / 2 = 84
(2B + FF) / 2 = 95
(E2 + D4) / 2 = DB

mixed color = #8495DB

Answer 2

有一个出色的 jQuery 插件，叫做xcolor，它在处理颜色时很有帮助。您正在寻找的可能是颜色混合方法。