Есть много разных градиентов и есть всплывающее попап окно. Окно имеет цвет определенного выбранного пользователем градиента, и в правом углу попапа должен быть крест (Х) закрывающий попап. Для того, чтобы этот самый крест был виден на любом градиенте, хотел заюзать примерно такой вариант преобразования цвета самого креста:
function invertColor(rgb) {
var yuv = rgb2yuv(rgb);
var factor = 180;
var threshold = 100;
yuv.y = clamp(yuv.y + (yuv.y > threshold ? -factor : factor));
return yuv2rgb(yuv);
}
Однако проблема заключается в том, что градиент не имеет одного постоянного цвета и переливается из одного в другой. Как лучше всего получать среднее значение RGB (или определенное, в том или ином месте блока, который залит градиентом, в данном случае - самый правый верхний угол), чтобы пользоваться функцией сверху?