本文介绍了一种将背景色与透明颜色混合的方法，并提供了具体的计算公式及两个实例。通过这些实例，读者可以了解如何将带有透明度的颜色与背景颜色相结合，得到最终的RGB值。
-
项目种常常设计一个背景图+透明color的方式 ，如何转换成普通的rgb或者16进制呢？
(1) 计算公式：
Color = Color * alpha + Background * (1 - alpha);
(2) 举例说明
下图例子1中， 背景色: #2080F7 === rgb(32, 128, 247）
透明颜色: rgba(255, 255, 255, 0.2)
计算：
Red = 255 * 0.2 + 32 * (1-0.2) = 76
Green = 255 * 0.2 + 128 * 0.8 = 153
Blue = 255 * 0.2 + 247 * 0.8 = 248
所以取色rgb应该为（76, 153, 248）下图例子2中， 背景色没有设置，但是是基于白色(255, 255 255) 显示的
透明颜色: rgba(32, 128, 247, 0.4)
计算：
Red = 32 * 0.4 + 255 * (1-0.4) = 166
Green = 128 * 0.4 + 255 * 0.6 = 204
Blue = 247 * 0.4 + 255 * 0.6 = 252
所以取色rgb应该为（166, 204, 252）
扫一扫
976
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
