Цвет пикселя изображения под курсором

get_image_pixel_hex_color.js

function get_image_pixel_hex_color(){
    var img = event.path[0];
    var canvas = document.createElement('canvas');
    canvas.width = img.width;
    canvas.height = img.height;
    canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height);
    var pixelData = canvas.getContext('2d').getImageData(event.offsetX, event.offsetY, 1, 1).data;
    var hexColor = ('#' +
        (pixelData[0].toString(16).length == 2 ? pixelData[0].toString(16) : '0' + pixelData[0].toString(16))+
        (pixelData[1].toString(16).length == 2 ? pixelData[1].toString(16) : '0' + pixelData[1].toString(16))+
        (pixelData[2].toString(16).length == 2 ? pixelData[2].toString(16) : '0' + pixelData[2].toString(16))
    );
    console.log(hexColor);
}