美文网首页
透明度和颜色的关系

透明度和颜色的关系

作者: 兣甅 | 来源:发表于2017-04-26 13:27 被阅读89次

有一种颜色#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            //FF是#FF00FF中的,F0是#F0F0F0中的

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

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

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

相关文章

网友评论

      本文标题:透明度和颜色的关系

      本文链接:https://www.haomeiwen.com/subject/chsizttx.html