pass an event and canvas context and get back rgba and hex data.
var canvasPixelColor = require('canvas-pixel-color');
var cvs = document.getElementById('myCanvas');
var ctx = cvs.getContext('2d');
cvs.addEventListener('mousemove', function(ev) {
// returns {
// hex: ##ff0beb,
// rgba: [255, 11, 235, 115] // this is an actual Array
// }
console.log(canvasPixelColor(ev, ctx));
});
This is basically just pulled from canvas-color-picker. With some slight changes.
(same as original project's) MIT License