Почему в Chrome отображаются цветовые полосы при использовании элемента с цветом, установленным в oklch? ⇐ CSS

[Anonymous]

У меня есть очень простая демонстрационная страница с HTML:

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

Здесь размещена простая демонстрационная страница.
При просмотре в Safari, Firefox и Arc фиолетовый цвет является сплошным. При просмотре в Chrome (версия 124.0.6367.119 для MacOS) вверху появляется более светлый оттенок, размер которого меняется в зависимости от размера экрана.

.
Я пробовал поставить OKLCH в условном операторе CSS @supports (color: color(display-p3 1 1 1/1)), а также установка обычного шестнадцатеричного фиолетового цвета, но Chrome игнорирует шестнадцатеричный код и все равно пытается отобразить цвет ОКЛЧ

Подробнее здесь: https://stackoverflow.com/questions/784 ... a-color-se