Is it possible to use JavaScript to convert a batch of hex colour codes using a filter such as the feColorMatrix effect, into hex codes of colours that are desaturated/saturated accordingly?

I would like to convert a batch of hex colour codes into colours that are desaturated/saturated according to a filter such as a colour matrix. This visual effect can be achieved using SVG filters, but I hope to find a way to convert the actual hex codes using pure JS. Here is: codepen.io/anon/pen/aXEPvg, readapted by Sakal.

References

This is a wonderfully inspirational article. Your work has spread to many people. You give really useful information. Play flagle game, when you have free time

It's really an amazing blog great to get the relatives information through your site for all the people, I appreciate your efforts. Thank you for sharing your knowledge and experience with me. headshot photographer sydney

Essential smart apps for work word counter

Essentially you need to convert the hex codes into rgb values, then normalise them, sum them and then you have your output. You may need to convert back once the summation of the weighted values.

stackoverflow.com/questions/1892020/mixing-two-rg…

stackoverflow.com/questions/14819058/mixing-two-c…

Hipkiss

Now, I understood. To get #5a8d9e, in SVG code I had to 0 0 0 1 0 to `1 1 1 1 0". I have to manipulate the brightness, saturation and contrast numbers.

Hipkiss

I understood perfectly. In the feColorMatrix, they are 5 RGBAs (three rgba(84, 84, 84, 0), one rgba(0, 0, 0, 1) and one rgba(0, 0, 0, 0), so in my test, I had to 3 three colours of Telinkrin, three 84s and two 0s, but the result got totally black instead of #5a8d9e, due to the lack of alpha in JS.

This is a great inspiring article. I am pretty much pleased with your good work. You put really very helpful information. Keep it up. designer laptop bags for women Gustavo Benedito Costa

Hipkiss, Jason Knight, I would not like to stress, but I would like to know if you can do it and help me.

If you do not want or do not know, no problems. Thank you.

Sakal, unfortunately that Turkish guy did not translate my explanation, but my best friend of Canada helped me, he simplified my explanation so you would understand easily.

I know you can not do that, I came only to show you the simplified explanation.

Thread

Is it possible to use JavaScript to convert a batch of hex colour codes using a filter such as the feColorMatrix effect, into hex codes of colours that are desaturated/saturated accordingly?

References

Responses(6)

Recent in Forum

Search Hashnode

Is it possible to use JavaScript to convert a batch of hex colour codes using a filter such as the feColorMatrix effect, into hex codes of colours that are desaturated/saturated accordingly?

References

Responses(6)

Recent in Forum