如何用纯CSS实现复古/棕褐色照片滤镜(仅调色效果)
优化后的CSS复古照片滤镜
以下是针对目标复古色彩效果优化后的滤镜参数,仅调整色彩相关属性,贴合暖黄沉稳的复古视觉风格:
filter: sepia(0.85) contrast(0.85) brightness(1.1) saturate(1.2) hue-rotate(5deg);
参数调整说明:
- sepia(0.85):提升棕褐色浓度,强化复古暖调,更贴近目标图的浓郁暖感
- contrast(0.85):相比原参数适度提高对比度,在保留柔和质感的同时增强画面层次感,避免发灰
- brightness(1.1):降低原参数的高亮度,匹配目标图偏柔和的暗调氛围
- saturate(1.2):下调饱和度,避免色彩过艳,还原目标图沉稳的复古色彩
- hue-rotate(5deg):微调色调,让暖黄色更偏向目标图的橙黄质感
如果你的原图基础色调有差异,可以根据实际情况小幅调整各参数数值(比如原图偏暗时可适当提高brightness)。
内容的提问来源于stack exchange,提问作者Impero
相关产品推荐
相关产品推荐

