Görsel dosyayı bu servisten geçirmelisin çıkan sonucun ağırlığından bir rengi seçmelisin.
https://lokeshdhakar.com/projects/color-thief/
Eğer, görsel üstüne yazacağın bir text görünmesi ise sorunun, tavsiyem görselin üstüne bir shape ( katman) atman. Black verip opacity (.2) çekip üstüne beyaz bir punta ile yazman daha iyi pratik bir çözüm olabilir.
Konuyla ilgili olarak şu şekilde istatistik sunan verileride değerlendirebilirsiniz
https://gs.statcounter.com/screen-resolution-stats/mobile/worldwide
Eğer manual yapılacak ise sisteminde ki slider datasını cms de giriş yaptığın yer için bir adet field alanı belirle ve renk kodunu verirsin.
Yok eğer dinamik olarak slider daki görsel değerlendirip oradaki ren yoğunluğundan otomatik olarak bir renk seçtirecek isen https://lokeshdhakar.com/projects/color-thief/ bu tarz bir servisten destek alacaksın.
Ancak bunuda slider yükletirken her defasından yapmak yoracaktır sistemi. Bu yüzden bunu slider datayı girdiğin yerde okutup oradan renk seçtirmen gerekecek.
Fakat diyelim ki görsel 8 renk yakadı. Bunların tuvalın bitimin sınırında ki yoğun rengi olduğunu buldurman yine kocaman bir mesele. O yüzden bence gerekli değil gibi. En temizi slider görsel eklerken o görsel için uygun olan en yakın rengi kendin renk filed alanına tanımlan olacaktır.