灰度grayscale滤镜逐步使用灰色来替换其他颜色。属性值从0%开始，起初保持元素不便，随着值达到100%，元素将彻底变为灰色。

.filter { 
filter : grayscale(100%); }

而饱和度saturate滤镜可以使颜色混合保持完整和改变颜色的总数。饱和度滤镜的值和灰度滤镜不同：灰度grayscale值为0%时，元素保持不变，而饱和度saturate值为0%时，元素则看起来完全没有颜色。

.filter { 
filter : saturate(25%); }

100%的饱和度将保持元素原来的样子，超过100%就会让饱和度过高。