JSFiddle - React, Tailwind, and code Playground

JavaScript

function getImageColor(src) {
        var color = [];
        var image = new Image();
    
        image.onload = function () {
            var canvas = document.createElement("canvas");
            canvas.width = image.width;
            canvas.height = image.height;
    
            // Draw the image in canvas
            var ctx = canvas.getContext("2d");
            ctx.drawImage(image, 0, 0);
    
            // Get the pixel data
            var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
    
            // Loop through imageData.data - an array with 4 values per pixel: red, green, blue, and alpha
            for (var x = 0; x < imageData.width; x++) {
                for (var y = 0; y < imageData.height; y++) {
                    var index = 4 * (y * imageData.width + x);
                    var r = imageData.data[index];
                    var g = imageData.data[index + 1];
                    var b = imageData.data[index + 2];
                    var a = imageData.data[index + 3];
    
                    colors.push("rgb(" + r + "," + g + "," + b + ")");
                }
            }
            consol.log(colors);
        };
        image.src = src;
    }

 getImageColor("http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg");