Реализуемо ли это технически?

Я не спец по js и css, ну где то видел точно. Как минимум можно пойти нубарским путем и сделать все варианты и потом при выборе цвета загружать нужную картинку

Я тоже такое видел, например здесь.

Но мне кажется, там просто замена картинок, о которой вы и говорите.

Если вопрос именно в технически - то можно. Можно js получить картинку в виде массива байтов и дальше, зная формат, покрасить нужные пиксели и вернуть обратно.

Но тут вопрос в совместимости браузеров, нагрузке на браузер и трудозатратах на реализацию (библиотеки для работы с изображениями, скорее всего есть).

Ну т.е. по вашему в любом случае достаточно трудоемкая работа и готовых решений скорее всего нет?

Насчет готовых решений - я не интересовался, если честно. Если с нуля - то да, трудоемкая. Например, как на вашем примере картинки с белой кружкой отделить белую кружку от белого фона? Т.е. в частных случаях могут быть и проблемы с таким подходом. Хотя если подготовить исходной изображение, вырезав и сделав прозрачным фон - то задача облегчается. Но если уж обрабатывать изображения руками - то легче нагенерить на сервере нужных картинок, если у вас, конечно, не любой цвет из палитры можно выбрать.

Вот, например - http://www.playmycode.com/blog/2011/06/realtime-image-tinting-on-html5-canvas/

такое можно сделать через маску, вот вам пример когда то пользовался когда нужно было http://sandbox.nikorablin.com/productColorizer/

Да, вроде бы картинка одна и та же, скриптом меняется. Я не кодер и по англ не особо - на этой странице представлен код этой функции?

там библиотека с примером, и с объяснением каким образом делаются изображения

Ну я так понял берется картинка, накладывается маска, показывающая границы заливки, а дальше уже скриптом меняется на любой цвет?

да только что бы получить маску нужно сохранить изображение в формате svg, открыв текстовым редактором скопировать код основного цвета, и тогда использовать его в скрипте. там в туториале описывается