javascript - 如何获得纯色背景色和半透明叠加色的有效结果(6位十六进制值)？

Question

假设我有 2 种颜色:纯色背景色(6 位十六进制值)和不透明度的覆盖颜色(6 位十六进制值和一些不透明度百分比)。

获取有效结果颜色(6 位十六进制值)的函数是什么？换句话说，如果我在同一区域上绘制两种颜色(先背景，然后叠加)，然后使用滴管工具获取颜色值，如何以编程方式获取相同的颜色值？

任何编程语言(甚至伪代码)在这里都可以。

Answer 1

您需要 alpha 合成公式:

result_red =  fg_red * α_fg + bg_red * (1 - α_fg)
result_blue =  fg_blue * α_fg + bg_blue * (1 - α_fg)
result_green =  fg_green * α_fg + bg_green * (1 - α_fg)

您可以在W3C Candidate Recommendation中找到更多信息和示例。