Node Jimp | Color mix

Introduction
The mix modifier is an inbuilt color modifier in Nodejs | Jimp which mixes colors by their RGB component values and amount is opacity of overlaying color.
Syntax:

image.color([
  { apply: 'mix', params: [color : value] }
]);

Parameter:

  • color – This parameter stores the color to apply.
  • value – This parameter stores the amount of mix of color to apply.

Input Images:



Example 1:

filter_none

edit
close

play_arrow

link
brightness_4
code

// npm install --save jimp
// import jimp library to the environment
var Jimp = require('jimp');
  
// User-Defined Function to read the images
async function main() {
  const image = await Jimp.read
('https://media.geeksforgeeks.org/wp-content/uploads/20190328185307/gfg28.png');
// color function having hue modifier
  image.color([{apply:'mix', params: ['blue', 60]}])
  .write('mix1.png');
} 
  
main();
  console.log("Image Processing Completed");

chevron_right






                        filter_none










Output:



Example 2: cb (optional parameters)













                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















// npm install --save jimp 


// import jimp library to the environment 


var Jimp = require('jimp'); 


  


// User-Defined Function to read the images 


async function main() { 


  const image = await Jimp.read 


('https://media.geeksforgeeks.org/wp-content/uploads/20190328185333/gfg111.png'); 


// color function having hue modifier 


  image.color([{apply:'mix', params: ['green', 50]}], function(err){ 


    if (err) throw err; 


  }) 


  .write('mix2.png'); 


} 


  


main(); 


  console.log("Image Processing Completed"); 



















                        chevron_right







                        filter_none










Output:



Reference: https://www.npmjs.com/package/jimp





    

        My Personal Notes
        arrow_drop_up
    

    

        
        

            
            
        

    


Recommended Posts:
sarthak_ishu11
Check out this Author's contributed articles.
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on  the "Improve Article" button below.