خواهش میکنم
1- جی کوئری و پلاگین jquery fillcolor رو دانلود یا با استفاده از cdn در سایت استفاده کنید(هر دو فایل ضمیمه شده)
2- کد زیر را در قسمت هدر یا فوتر سایتتون قرار بدین:
<script>
$(function () {
$('.js-fillcolor').fillColor();
});
</script>
3- هر قسمتی از سایتتون که خواستین اتوماتیک تغییر رنگ بده با عکس، کافیه در کلاس اون دایو با فانکشن js-fillcolor ارتباط برقرار کنید. مثلا :
<div class="mohtava js-fillcolor">
پس زمینه بخش mohtava با عکسی که درون این بخش هست تعویض میشه
برای مشاهده دمو و بهترفهمیدن طرز کدنویسی به این لینک مراجعه کنید:
https://www.jqueryscript.net/demo/Change-Background-Color-Based-On-Image-Color-jQuery-fillcolor
موفق باشید
jquery.fillcolor.js
jquery-3.2.1.min.js