js icon indicating copy to clipboard operation
js copied to clipboard

Can I mix colors by using js?

Open CWDll opened this issue 2 years ago • 3 comments

I want to mix two or three colors to one color. I don’t care about color components(Using r,g,b or other things)

If there is any way to do this, please let me know! thanks,

CWDll avatar Mar 13 '23 05:03 CWDll

Here are some ways to mix two or three different colors to a single color in JavaScript : 1: Mixing two RGB color vectors to get resultant. 2: Adding Colours (Colors) Together like Paint (Blue + Yellow = Green, etc) 3: Combine two RGBA colors with JavaScript Example // Fast and easy way to combine (additive mode) two RGBA colors with JavaScript. // [red, green, blue, alpha] based on these maximul values [255, 255, 255, 1]. var base = [69, 109, 160, 1]; var added = [61, 47, 82, 0.8];

var mix = []; mix[3] = 1 - (1 - added[3]) * (1 - base[3]); // alpha mix[0] = Math.round((added[0] * added[3] / mix[3]) + (base[0] * base[3] * (1 - added[3]) / mix[3])); // red mix[1] = Math.round((added[1] * added[3] / mix[3]) + (base[1] * base[3] * (1 - added[3]) / mix[3])); // green mix[2] = Math.round((added[2] * added[3] / mix[3]) + (base[2] * base[3] * (1 - added[3]) / mix[3])); // blue

// Will return [63, 59, 98, 1]

MadhavKhera1 avatar Mar 29 '23 17:03 MadhavKhera1