CSS中的filter属性可以对元素进行一系列的滤镜效果，包括颜色滤镜效果。以下是一些常用的滤色效果：
/* 灰度 */ 滤镜：灰度（100%）； /* 色调旋转 */ 滤镜：色调旋转（90deg）； /* 反转 */ 过滤器：反转（100%）； /* 亮度调节 */ 滤镜：亮度（200%）； /* 对比度调整 */ 滤镜：对比度（200%）； /* 饱和度调整 */ 过滤：饱和（200%）； /* 透明度调整 */ filter: opacity(0.5);
灰度可以将元素完全变成灰色，如：
div {
滤镜：灰度（100%）；
}色调旋转可以将元素的所有颜色旋转一定角度，如：
div {
滤镜：色调旋转（90deg）；
}反转可以完全反转元素的颜色，例如：
div {
过滤器：反转（100%）；
}亮度调节可以增加或减少元素的亮度值，如：
div {
滤镜：亮度（200%）；
}对比度调整可以增加或减少元素的对比度值，例如：
div {
滤镜：对比度（200%）；
}饱和度调整可以增加或减少元素的饱和度值，例如：
div {
过滤：饱和（200%）；
}透明度调整可以增加或减少元素的透明度值，例如：
div {
过滤器：不透明度（0.5）；
}除了上面的滤色效果之外，还有一些其他的效果大家可以自行探索。
