Chrome для MacOS по-разному обрабатывает свойства яркости и поворота оттенка CSS-фильтра ⇐ CSS

[Anonymous]

Небольшая предыстория: я сохраняю свои изображения и значки в чисто красном цвете, а затем разрешаю администраторам сайта регулировать оттенок, вращение и яркость, позволяя им управлять цветовыми схемами/темами.< /p>
Проблема, с которой я столкнулся, заключается в том, что в Mac OS Chrome выходные данные свойства фильтра CSS отображаются совершенно по-другому.
Я провел доказательство -проблема на JS Fiddle: https://jsfiddle.net/2v5eb0at/6/
Код, если скрипка не открывается:

Код: Выделить всё

div {
background: #ff0000;
width: 200px;
height: 200px;
filter: hue-rotate(30deg) brightness(3.2);
float: left;
}
div + div {
background: #ff5200;
-webkit-filter: none;
filter: none;
}

Код: Выделить всё

Оба элемента div должны быть одного цвета и включены они есть во всех браузерах, кроме Mac OS Chrome, но в Mac OS Chrome отфильтрованный элемент div имеет #ffe400.
Реплицируется несколькими членами нашей команды, которые используют Mac OS, но я использую Windows, поэтому не могу протестировать напрямую и это раздражает при тестировании в BrowserStack, проблема отсутствует...



Подробнее здесь: https://stackoverflow.com/questions/791 ... erties-dif