css - 结合背景色加上半透明整体用CSS得到目标色

我需要一些帮助来组合颜色。我有一个主要是白色的层，上面有灰色阴影。因为它是完全不透明的，所以下面的层（直到现在一直是正确的颜色）被遮住了。我可以使新图层半透明，但这当然会影响下面图层的颜色。有没有办法设置新图层的透明度，以便在添加后最终颜色变为正确的颜色？

X + ?% 不透明白色 = #4ea8e9;

（其中 + 表示 X 在白色层下方）

求解 X

我最好的数学告诉我这种颜色是不可能的。如果？为 50%，目标颜色为 rgb(78, 168, 233)

78 = r * 0.5 + 255 * 0.5 
168 = g * 0.5 + 255 * 0.5
233 = b * 0.5 + 255 * 0.5

变成

r = 78/0.5 - 255 = -99   <-- problem
g = 168/0.5 - 255 = 81
b = 233/0.5 - 255 = 211

所以为了使 r 成为可能，我将不透明度更改为 0.3，但这使得 g 和 b 不可能

r = 78/0.3 - 255 = 5  
g = 168/0.3 - 255 = 81 <-- problem
b = 233/0.3 - 255 = 211 <-- problem

我最后的家是有一些 CSS 过滤器可以对大部分白色的图层进行操作，以使白色透明，同时保持灰色阴影部分

标签： csscolors