css滤镜怎么调色

CSS滤镜可以帮助我们改善图片的色彩和亮度，让图片更加美观。下面我们来看一下如何使用CSS滤镜调色。

/* 调整图像亮度 */
img {
filter: brightness(150%);
}
/* 调整图像对比度 */
img {
filter: contrast(200%);
}
/* 调整图像饱和度 */
img {
filter: saturate(200%);
}
/* 调整图像色相 */
img {
filter: hue-rotate(90deg);
}

以上代码中，brightness用来调整图像亮度，值范围是0-200%，其中100%是原图的亮度。contrast用来调整图像对比度，值的范围是0-200%，其中100%是原图的对比度。saturate用来调整图像饱和度，值的范围是0-200%，其中100%是原图的饱和度。hue-rotate用来调整图像色相，值的单位是deg，取值范围是0-360度。

需要注意的是，滤镜操作是建立在支持CSS3的浏览器上的，因此在使用滤镜前需要确认浏览器是否支持。

通过使用CSS滤镜调色，我们可以轻松地改善图片的色彩和亮度，让图片更加美观，同时使得网站效果更加出色。

查看更多关于css滤镜怎么调色的详细内容...