Почему вращение оттенка на +180 градусов и -180 градусов не дает исходного цвета? ⇐ CSS

[Anonymous]

Изучая теорию цвета HSL/HSV, у меня сложилось впечатление, что компонент оттенка — это циклический атрибут, который повторяется каждые 360 градусов и может меняться независимо от насыщенности и яркости/значения. Поправьте меня, если я ошибаюсь, но эти утверждения логически следуют предыдущему определению:

[*]Поворот оттенка на 360 градусов дает тот же цвет
[*]Поворот оттенка на 180 градусов дважды дает исходный цвет.
[*]Поворот оттенка на 180 градусов с последующим поворотом оттенка на -180 градусов дает исходный цвет.

Однако верным является только вариант 1. Поворот оттенка 4 раза на +90 градусов дает цвет, который даже отдаленно не похож на оригинал.
Кроме того, используя SVG-фильтры следующим образом:
< pre class="lang-xml Prettyprint-override">

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

по сравнению со свойством CSS filter не дают одинаковый результат для одного и того же поворота. С другой стороны, цвета, создаваемые фильтрами SVG, одинаковы во всех браузерах.
Существует ли какое-либо «скрытое» свойство вращения оттенков, которое делает операцию неассоциативной?

Примеры фильтров CSS и SVG:

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

.original {
width: 150px;
height: 50px;
background-color: #E51922;
margin-bottom: 10px;
}

.hue {
filter: hue-rotate(180deg);
}

.hue90 {
filter: hue-rotate(90deg);
}

.hue360 {
filter: hue-rotate(360deg);
}

.hue-reverse {
filter: hue-rotate(-180deg);
}

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

CSS filters

No filter

Hue +360deg

Hue +180 and -180deg




Hue 4 * +90




Hue +180deg

Hue +90 +90


SVG filters














Original


Hue +180



Hue +180 -180




Hue +90 +90

Подробнее здесь: https://stackoverflow.com/questions/191 ... inal-color