JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://moargh.de/daten/color-thief-master/js/color-thief.js"></script>
<div id="mydiv"></div>

CSS

#mydiv {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
}

JavaScript

var img = document.createElement("img");

    img.onload = function () {
        var colorThief = new ColorThief();
        var color = colorThief.getColor(img);
        document.getElementById("mydiv").style.backgroundColor = "rgb(" + color + ")";
    };

    img.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; // insert a dot image contains 1px.