首先,这名字读作“re-alpha”,而不是“real-pha”,谢谢配合。

给个链接瞅瞅?
这是个 PWA:https://kkocdko.site/toy/realpha/
附带一篇破文章:https://kkocdko.site/post/202107231958/。本人英文水平极低,各位看到狗屁不通的地方可以喷我。
为什么需要这东西?
想象这样一个场景:你看中了某个 App 里头的一枚图标,然而这枚图标是用代码动态绘制出的,无法从安装包中提取。所以你选择截图。
然而这枚图标有半透明的部分,截图会导致透明通道丢失!怎么办?
让我们看看给半透明图片增加背景的算法:
var fgR, fgG, fgB, alpha;
var bgR, bgG, bgB;
var outR = fgR * aplha + bgR * (1 - aplha);
可以看出这是个二元一次方程,要想解出原图的颜色和透明通道值,需要两个式子联立。
于是,用调试工具强制更换 App 的背景颜色,截下两张图,输入到这个工具里头,你就能得到拥有准确透明通道的图片了。
还有什么特别的玩法?
你可以给手机换不同的纯色壁纸,得到不同背景色的截图之后,用此工具提取出透明的图片,再丢进 Photoshop 操作一番,做出不错的效果图(我的手机是透明的诶)。
用 Photoshop 不行么?
不行(说实话我不太确定,如果真能实现还请各位拍醒)。你当然可以抠图,然而这是不精确的,你永远无法凭空准确地还原出透明通道。