Change SVG Color Using CSS Filter
What's CSS Filter?
The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. More details on MDN.
What's this Application?
This application converts Hex, Rgba, HSLA color to CSS filter. And the CSS filter could be used to change the SVG color.
See info about changing SVG color on this stackoverflow answer.
Select Color
Filter applied to SVG
loss:
0.00This is perfect
CSS Filter Output
Add the filter property on the svg CSS selector.
For example:
<img src="/profile.svg" alt="some svg" id="my-svg"/>
#my-svg {
filter: invert(19%) sepia(48%) saturate(1556%) hue-rotate(223deg) brightness(91%) contrast(123%);
}