css - 不透明度为 50% 的 CSS 2 种颜色 == 其他颜色

Question

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

#66984D

使用 HSB（不是 HSL！）值：

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

HSL 值：

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

这个可以计算吗？我也不喜欢使用 2 种完全不同的颜色，但 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。