Дано: красная иконка и цвет в hex. Нужно: изменить цвет иконки на hex цвет.
Поняно, что нужно использовать css filter. Для этого нам нужно, насколько я понял, преобразовать hex в hsb(hsv). Окей, получаю конкретные значения с помощью самописной функции или онлайн конвертера, неважно.
Ну и подставляю их (пример для цвета FF95A1):
filter: hue-rotate(353deg) saturate(42) brightness(100) ;
https://jsfiddle.net/tvsjke/kvc3qktL/1/
Ну и на выходе вместо бледно-красного какой-то розово-сиреневый. Что я делаю не так ?
UPD1. Если оставить только изменение цвета filter: hue-rotate(353deg) то все работает корректно, но цвет получается без изменения насыщенности и яркости.
