Как сделать автоматическую адаптацию под цвет фона слайдера?

1. Сдаётся мне, что без помещения картинки в canvas, этого не сделать. Буду рад ошибиться. Подписываюсь.

2. Наверное можно сделать текст в виде фильтра, над картинкой, в SVG, но при этом текст окажется пёстрым, хоть и контрастным. А лучше конечно, чтобы у текста был единый цвет, наилучший для преобладающего под ним фона.

А мысли идут и идут:

3. Наверное лучшее решение — это оснастить каждую картинку data-атрибутом, который будет нам сообщать, какой цвет надписи для этой картинки наиболее уместен. И согласно этому атрибуту ставить цвет у надписи. Но это только в том случае, если мы имеем возможность вручную оценивать каждую картинку при подготовке к публикации. Для массового употребления это конечно не годится.

Как я вижу себе, то в слайде держать атрибут с цветом картинки, и через js красить цвет текста, в зависимости что в атрибуте.

hesrun, RAX7 Подсказка:
1. Либо как-то через mix-blond делать или типа того, т.е. через css
2. Когда слайд выбран активным, к нему добавляется класс is-selected

В итоге, если выбран слайд .black , то получаем

<div class="carousel-cell black is-selected" aria-selected="true" style="position: absolute; left: 100%;"></div>

Может быть сделать яваскрипт, когда
if .is-selected.black,
то к .bar добавляется класс on-black

, когда
if .is-selected.red,
то к .bar добавляется класс on-red

это чтобы я мог хорошо адаптировать под разные цвета слайдов