如何使用 CSS 在带有 img 标签的黑色/透明 svg 中应用 rgba 颜色？ [复制]

【问题标题】：How to apply rgba color in a black/transparent svg with img tag using CSS? [duplicate]如何使用 CSS 在带有 img 标签的黑色/透明 svg 中应用 rgba 颜色？ [复制]
【发布时间】：2020-10-24 04:26:30
【问题描述】：

我有一张图片

<img class="colorize" src="./logo.svg" alt="logo" />

logo.svg 只是黑色的。

有没有办法拥有一个 CSS 类 .colorize {} 并应用某种颜色，例如。红色还是 rgba (1, 2, 3, 0.5)？

【问题讨论】：

好的，编辑 logo.svg 文件并将类放入其中。
相关：stackoverflow.com/q/54800705/8620333 使用SVG作为掩码，你可以做到

标签： html css svg rgb

【解决方案1】：

直接从 CSS 修改图像的唯一方法是使用 filter 属性：

img {
  width: 500 px;
  height: 500 px;
}

.colorize {
  filter: contrast(1000%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(90deg);
}

&lt;img class="colorize" src="https://convertingcolors.com/plain-000000.svg" alt="logo" /&gt;

原图：

img {
  width: 500px;
  height: 500px;
}

&lt;img class="colorize" src="https://convertingcolors.com/plain-000000.svg" alt="logo" /&gt;

【讨论】：

有没有工具可以给我一个 rgb() 值，并找出过滤器的参数？
@entropyfeverone 我不知道，你必须手动完成。
@entropyfeverone 这个问题对你有帮助还是我应该删除它？