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
// color function having hue modifier
  image.color([{apply:'mix', params: ['blue', 60]}])
  .write('mix1.png');
  
main();
  console.log("Image Processing Completed");

chevron_right


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
// 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


Output:

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



My Personal Notes arrow_drop_up

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.