CSS 2颜色，50％不透明度==其他颜色

Question

我有2个div，两者的不透明度为50％，当这两个div相互重叠时，它们应该匹配我的最终十六进制颜色：

#66984D

使用HSB（不是HSL！）值：

Hue: 100deg
Saturation: 50%
Brightness: 60%

HSL值：

Hue: 100deg
Saturation: 33%
Lightning: 45%

可以计算出来吗？我也不喜欢使用2种完全不同的颜色，但两种颜色几乎相同。

Answer 1

假设您所需的颜色为x，并且它将由另一种颜色y次的50％不透明度版本组成。这给了我们这个等式：x = .5y * .5y。假设我的代数是正确的，这转换为y = 2 * squareroot(x)。

你的x是＃66984D - 那是102 R，152 G，77 B.通过等式插入，你的起始颜色大约应该是20 R，25 G和18 B.在十六进制中，那是＃143712。