Получить пиксель картинки при клике сохраняя в массив / JS

Всем привет. Я совсем новичок и вообще не понимаю как сделать подобное, если не сложно можете объяснить подробно что к чему.

Задача: Есть две картинки, при клике на которые, нужно считать их цвета в массив и выводить на экран.

        <div class="stone" id="color_bk">
            <img src="img/stone.jpg" width="150px" height="150px" id="but_color">
        </div>
        <div class="sholk" id="color__bk">
            <img src="img/sholk.jpg" width="150px" height="150px" id="but__color" alt="">
        </div>
    </div>

Буду благодарен Вашей помощи. Спасибо