建議在非IE瀏覽器下瀏覽本文，否則很多實時渲染效果看不到，影響閱讀。

一、濾色screen混合模式速覽

screen混合模式，國內(nèi)稱為“濾色”，其計算公式是：

公式中的C表示最終混合的RGB色值(范圍是0-255)，A和B表示用來混合的兩個顏色的RGB色值(范圍也是0-255)。

從公式的內(nèi)容可以看出，濾色混合模式的顏色，是將兩個顏色的互補色的像素值相乘，然后除以255的互補色值。

例如有一個紅色，其RGB值是(255,0,0)，還有一個藍色，其RGB值是(0,0,255)，則這兩個顏色使用濾色混合模式之后的顏色色值是：

R = 255 – (255 – 255) * (255 – 0) / 255 = 255

G = 255 – (255 – 0) * (255 – 0) / 255 = 0

B = 255 – (255 – 0) * (255 – 255) / 255 = 255

總結(jié)

以上是生活随笔為你收集整理的html5 滤色,深入理解CSS mix-blend-mode滤色screen混合模式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。