: How to correctly recolor in Adobe Illustrator? I have an SVG ( http://www.feingeist.io/wp-content/uploads/2015/08/Polygon_grey.svg), which I want to recolor. Initially, I wanted to achieve this by

@Gail6891361

Since this question has sadly suffered from link rot by the time I write this, I might be barking up the wrong tree, since I can't see the artwork in question.

However, it sounds to me like you might be looking for the "Select -> Same -> Fill" function.

Using the DIRECT selection tool (to ignore any groups you have in the svg), select a path that has the colour you want to change throughout the artwork. "Select same fill", then adjust the colour as needed. Rinse, repeat.

PS. You could use the "text editor equivalent" instead: using search-replace in the SVG file itself, but making the changes interactively in illustrator gives you the opportunity to "use your eye", and also gives you valuable, immediate feedback.

Vote Up Vote Down

@Jessie844

As above this might be an option will cost you a little but a wonderful and well worth plug-in for Illustrator. Works better than the "recolor artwork" built-in to Illustrator. Check it. Hope this helps.
astutegraphics.com/software/phantasm/

Vote Up Vote Down

@Sent7350415

DISCLAIMER: this isn't really an answer to the question, more of an alternate approach to what the OP said he has already tried.

You could go with a CSS filter called hue-rotate. It works on a scale between 0 and 360 degrees. It looks something like this:

img {
-webkit-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);
}


I'd suggest you play around with it, see what you can achieve. You can also combine filters for other effects, like so:

img {
-webkit-filter: sepia(1) hue-rotate(200deg);
filter: sepia(1) hue-rotate(200deg);
}


Browser support is pretty good, although everyone favourite isn't playing along, as usual: see can i use for more info. There is a polyfill though, should you decide to go ahead and use this approach, and need to support older browsers.

To get the hang of filters I'd recommend this CSS tricks article, which is my go-to reference if ever I need to refresh my memory. This website gives a more visual approach.

Vote Up Vote Down