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

[Anonymous]

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

вращающийся оттенок на 360 градусов дает один и тот же цвет < /li>
вращающийся оттенок на 180 градусов два радуса. Color < /li>
< /ol>
Однако только вариант 1 верен. Вращающийся оттенок 4 раза на +90 градусов дает цвет, который даже не похож на оригинал.

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

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

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

.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);
}< /code>
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