Node Jimp | Color mix

Last Updated : 10 Apr, 2023

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
        ('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");

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
        ('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");

Output:

  

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

Comment

Explore