Open In App

Node Jimp | Color mix

Improve
Improve
Like Article
Like
Save
Share
Report

The mix modifier is an inbuilt color modifier in Nodejs | Jimp which mixes colors by their RGB component values and the amount is the opacity of the 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 colors to apply.

Input Images:

   

Example 1: In this example, we will see how to mix colors.

javascript




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


Output:

  

Example 2: cb (optional parameters) 

javascript




// npm install --save jimp
// import jimp library to the environment
const Jimp = require('jimp');
 
// User-Defined Function to read the images
async function main() {
    const image = await Jimp.read
    // 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");


Output:

  

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



Last Updated : 10 Apr, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads