Dynamically changing the colours of parts of a raster image (not SVG) using HTML/CSS or something else?

programming web dev
1

Hi. I’ve just found and watched your tutorial on changing the colours of an SVG image using HTML and CSS.

I have a question. Let’s take an image (raster I believe it’s called) like the image below.

If I wanted to change the colours of parts of this image - say for example the colour of the ears and tail, a) without losing any of the shading/detail - so not just a single colour blotting out the area of the ears and tail, but using the existing image shading and detail, is this possible using HTML and CSS?

If it’s not, do you have any other ideas how to do this?

Thank you.

image
image269×188 2.99 KB

3

No, there isn’t any way to do that using just HTML and CSS. This is the kind of change that will require a lot of image manipulation that isn’t easy to pull off.

One slow and expensive approach is to pass that on to an AI assistant in have it return the manipulated image :sweat_smile:

4

Do you have an example of such? And is that free?