You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将黑色PNG图片转为白色?hue-rotate滤镜无效求助

黑色PNG转白色的CSS解决方案

hue-rotate()滤镜对黑色、白色这类无彩色无效——因为无彩色没有色相属性,调整任何角度都不会改变它们的颜色。要实现黑色转白色,推荐以下两种CSS方法:

  • 快速方案(仅黑/透明图):直接使用反转滤镜

    filter: invert(100%);
    

    这个方法会把黑色转为白色,透明区域保持不变,如果原图只有黑色和透明,效果最直接。

  • 通用方案(适配多色原图):组合亮度与反转滤镜

    filter: brightness(0) invert(1);
    

    原理是先通过brightness(0)将所有颜色转为黑色,再用invert(1)反转成白色,无论原图是否有其他颜色,最终都会得到白色的图形,透明区域不受影响。

内容的提问来源于stack exchange,提问作者Johnny blee Rowland

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 06:44:54