使用CSS3滤镜更改特定颜色

文章/答案/技术大牛

发布

1回答

css、filter、colors、rgb

目前我有一个只由两种颜色组成的.png-image，白色(#FFFFFF)和红色(#EA3D05)，我想用CSS过滤器改变这个图像的颜色。我目前的方法是使用 filter: invert(100%); 这将使用白色像素的黑色，但也会影响红色。我认为现在可以将(现在的蓝色像素)改回红色(#EA3D05)，因为其他像素是黑色的。

浏览 19提问于2020-04-26得票数 0

1回答

您可以更新::selection彩色文本中链接的颜色吗？

css、hyperlink

CSS3提供了新的::selection滤镜，可以让你改变突出显示文本的颜色。 color: #34495E;但是，有时选择的颜色与默认链接颜色的对比度很差。我想更改突出显示文本的链接颜色。我试过这个： color: #222;然而，这对链接颜色没有影响(至少在Chrome中) 是否可以更改所选文本的链接颜色？

浏览 1提问于2013-04-03得票数 0

回答已采纳

1回答

在JavaScript中更改给定颜色通道的对比度和饱和度

javascript、css、filter、contrast、hsb

我知道如何在JavaScript中构建颜色通道(迭代图像并将每个颜色值放入一个数组中)。我希望能够更改给定颜色通道的对比度和饱和度。例如，使用CSS3对比度或饱和度滤镜仅将更改应用于红色通道。谢谢 PS:我在这里使用的是纯JavaScript (没有第三方库)。

浏览 30提问于2020-11-17得票数 0

1回答

如何在JavaScript中将十六进制颜色转换为CSS3滤镜选项？

javascript、css、colors

我有十六进制的颜色(即#ff0000)。我想把它用在CSS3滤镜选项上，比如色调、饱和度和亮度。我可以使用JavaScript，但不知道如何将其转换为这个。我的意思是，我将它转换为RGB，然后HSL和CSS3滤镜选项(色调-旋转，饱和度和亮度)

浏览 29提问于2019-04-05得票数 1

2回答

用feColorMatrix匹配SVG中的颜色

css、svg、vector-graphics、colormatrix、svg-filters

使用feColorMatrix我降低了一点不透明度，但它仍然看起来不像我想要的那样-我希望阴影的颜色与特定的颜色值相匹配。因此，我更深入地研究了feColorMatrix。现在我不使用SourceAlpha作为阴影的来源，而是使用SourceGraphic。由于我的矢量图像是纯白的，也就是rgba(255, 255, 255, 1)，我可以这样计算阴影的颜色： <feColorMatrix in="the-shadow" result=&quo

浏览 0提问于2013-02-02得票数 8

回答已采纳

3回答

IE中的文本-阴影

html、css

我发现了一篇关于在IE中创建文本阴影的Stackoverflow文章：现在我尝试了所有的“过滤器”解决方案，在IE9中，文本呈现得很糟糕(虽然阴影显示，但文本像素化严重...)。谢谢

浏览 0提问于2012-07-27得票数 1

回答已采纳

1回答

通过CSS3更改图像颜色(滤镜)

filter、css、imagefilter

例如，它的背景颜色变为橙色。我能用CSS来做吗？或任何其它效果，如png图像内形状周围的橙色阴影，而不是整个图像(包括透明区域)。

浏览 0提问于2013-06-02得票数 0

2回答

很难让图像占据整个容器

html、css

另外，谁能给我一些建议，如何实现图像在第二张图片中的滤镜效果？任何帮助都是非常感谢的！

浏览 0提问于2015-12-02得票数 1

2回答

如何用css滤镜将不同颜色图像的色调转换为蓝色

html、css、css-filters

我有不同颜色的图像。在adobe photoshop中，我的图像用智能滤镜进行了过滤，为图像添加了色调、饱和度和亮度。因此，我需要将图像上的所有颜色更改为蓝色色调。但在css rotate ()函数中旋转所有颜色，但我需要设置一种颜色并更改一些饱和度，brightness.This是源图像：如何使用css滤镜设置图像的单色调颜色？

浏览 110提问于2019-08-04得票数 2

回答已采纳

4回答

CSS滤镜作为一个图像的颜色修饰符

css、hsl

有没有可能改变像HueRotate，饱和度和亮度这样的CSS滤镜方法，将PNG绘制为全白的颜色？类似Photoshop的颜色覆盖效果，但在CSS中。这将是一个很好的解决方案，可以避免创建大量仅更改颜色的图像。例如，UI具有深色和浅色版本的一组图标。

浏览 1提问于2013-06-28得票数 27

回答已采纳

2回答

捕获/保存/导出应用了CSS滤镜效果的图像

javascript、jquery、css

我正在制作一个使用CSS3滤镜效果(饱和度、深褐色、对比度等)的简单图片编辑器。我最初对抱有很高的希望。不幸的是，它不能捕获大多数CSS3属性，更不用说滤镜效果了。如果任何人有一个解决方案，或者不幸的是，明确地知道这是不可能的，我们将非常感谢！谢谢!

浏览 1提问于2013-01-11得票数 19

1回答

IE6问题-边框-颜色:透明不起作用

css、internet-explorer、internet-explorer-6、border-color

style="border:solid 1px transparent"在IE6中不起作用，相反，它显示了一个黑色边框。

浏览 1提问于2011-04-19得票数 1

回答已采纳

3回答

使用CSS应用滤镜以更改图片的颜色

css、filter

在此CodePen中，使用滤镜将蓝色转换为灰色：如何使用css滤镜将颜色更改为蓝/红/绿？

浏览 53提问于2018-09-09得票数 1

回答已采纳

1回答

IE是否支持专有的半透明CSS十六进制颜色代码？

css、internet-explorer、colors、transparency、rgba

我在使用时注意到，在filter属性中，它们使用常见位置十六进制颜色代码的变体：表面上要达到rgba的效果：我还看到这个方法提到了。这能在IE中工作吗？如果IE确实支持这一点，那么使用半透明的PNG就没有意义了。对吗？

浏览 0提问于2012-02-14得票数 3

2回答

可以改变透明背景的png的纯色吗？

javascript、html、css

我只有一个小的png，这是作为一个“网格”使用背景重复，网格的图像格式将像这样的|_，然后只需重复自己覆盖整个身体。基本上，网格的颜色将基于RGB或十六进制格式的颜色选择器。如果有什么方法可以给它添加我想要的颜色呢？

浏览 0提问于2014-02-07得票数 0

1回答

CSS过滤器应用程序顺序

html、css、google-chrome、css-filters

其次，更改CSS规则特异性似乎不会更改这些过滤器的应用顺序。这就是我现在要处理的问题。我想出的唯一解决方案是使用:not()从祖先过滤器中排除后代，使我能够对后代应用单独的(不重叠的)过滤器。*请注意，我需要滤镜来完成这项工作，而不是手动将特定颜色应用于后代

浏览 1提问于2016-04-05得票数 3

1回答

使用css3设置svg元素的样式

html、css、svg

我完成了html5/css3部分，只剩下几个svg元素了。问题是我对应用程序有不同的主题，所以我不确定如何设置这些svg元素的样式，使它们随着主题的变化而变化。我猜一种方法是为每个主题制作不同的.svg文件，但是有没有办法只使用css就给出一个svg元素(它可以包含在html文件中，它不一定是外部文件)，边框，渐变，阴影等等？

浏览 0提问于2011-12-07得票数 4

1回答

为IE自定义Firefox/Chrome样式表

css、internet-explorer、firefox

我想知道是否有一种简单的方法来更改这些属性中的每一个，以便能够使用IE。我可以为IE更改一些样式/属性，但我不知道其中一些与IE等效的样式/属性。以下是Firefox样式表中使用的Firefox样式的示例：background: -moz-linear-gradient

浏览 5提问于2012-05-16得票数 0

回答已采纳

1回答

更改powerView Excel2013的设计

excel、powerview

我可以将饼图聊天颜色的设计更改为自定义颜色，并在powerView中更改滤镜的设计吗？

浏览 0提问于2014-04-29得票数 0

1回答

如何将CSS3属性(如-moz，-webkit边框半径)应用于asp.net按钮和文本框控件，以及html字段集和图例？

rounded-corners、css

我已经将圆角样式应用于我的ASP.Net按钮和文本框控件，也应用于字段集和图例。fieldsetwidth:605px;-moz-border-radius:10px;border-radius:10px;fieldset legendbackground: #606060 url(images/bluelines.gif) repeat-x center left;-webkit-border-radi

浏览 4提问于2011-01-27得票数 0

点击加载更多