Canvas, взятие цвета с картинки пипеткой

Я делая пиксельную рисовашку, хотелось бы знать, можно как нибудь вставить картинку цветового круга так, чтобы цвет можно было взять с картинки в $("#…").click?

Можно подготовить картинку цветового круга (важно чтобы это был png, иначе артефакты сжатия jpeg будут влиять на выбираемый цвет). По клику на круге бери координату и через getImageData https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData получай цвет точки клика.