С помощью CSS/JS совместить изображение с однотонным фоном?
Если я вас правильно понял, вам нужен примерно такой эффект.

Навскидку есть три очевидных решения:
 — скрипт который будет выдавать готовое изображение. Просто и эффективно.
 — js/css box-shadow с inset. Есть ограничения.
 — js/svg. Крайне ограниченное применение.
Относительно недавно писал статью. Вариант вполне подойдет и для картинки.
Еще один способ — это затолкать картинку в бэкграунд и также наложить тень с inset.