Node Jimp | Color mix

Last Updated : 23 Apr, 2019

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:

// 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");

Output:

Example 2: cb (optional parameters)

// 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");

Output:

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

My Personal Notes

Related Articles

Node Jimp | Color mix