Can I mix colors by using js?
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,
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]