透明度和颜色的关系

有一种颜色#FF00FF,在增加透明度参数之后#7FFF00FF,具体的呈现颜色是什么呢?以底部背景色为#F0F0F0为例,最终呈现出来的颜色效果为#F778F7。那么?这是怎么得到的颜色值呢?其计算公式如下:

每一种颜色=透明度百分比*当前色种值+(1-透明度百分比)*底部色种值

就拿上面的栗子为例:

F7=(7F/FF)*FF+(1-7F/FF)*F0      //FF是#FF00FF中的,F0是#F0F0F0中的

78=(7F/FF)*00+(1-7F/FF)*F0            //00是#FF00FF中的,F0是#F0F0F0中的

F7=(7F/FF)*FF+(1-7F/FF)*F0      //FF是#FF00FF中的,F0是#F0F0F0中的

其中7F/FF为透明度百分比  //7F是#7FFF00FF的透明度,FF为默认值

所以最终得到的颜色值为#F778F7

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容