CSS滤镜色调旋转()创建错误的颜色[重复]

83qze16e 于 2023-01-27 发布在其他

关注(0)|答案(1)|浏览(138)

CSS Hue Rotate is Darkening Image（2个答案）
17小时前关门了。
我正在尝试使用CSS hue-rotate过滤器来改变红色图像的颜色。顺便说一下，我使用的是Next.js。
这是我试图改变颜色的图像：

因此，我将filter: hue-rotate(180deg)应用于此图像，输出如下

正如你所看到的，这显然是错误的。我尝试用www.example.com旋转这张图片的色调，结果应该是这样的：Paint.net and that's what I should receive:

也许我应该使用一些reactjs图像处理库？不确定。谢谢你的帮助。

1条答案

原因可能是它是一个透明的图像。使用一些亮度和对比度可以满足您的需要。尝试以下操作：

filter: hue-rotate(180deg) brightness(2.2) contrast(1);