Как работает алгоритм инвертирования цвета на веб-страницах?

Алгоритм инвертирования цвета на веб-страницах работает с помощью CSS-фильтров, в частности функции invert(). 24 Она позволяет менять цвета элементов HTML на противоположные. 2

Процесс инвертирования можно представить как переключение света: исходный цвет с определённым уровнем яркости (например, яркий жёлтый) становится противоположным (глубоким синим). 1

Функция invert() принимает числовые или процентные значения (от 0 до 1 и от 0% до 100%). 25 Некоторые возможные варианты работы функции:

• Значение 0 оставляет изображение исходным. 4
• Значение 100% или 1 полностью инвертирует цвета картинки. 4
• Значения от 0% до 100% или от 0 до 1 инвертируют цвета частично. 4
• Значение 50% или 0,5 превращает картинку в серую. 4

Фильтр invert() можно применять к разным элементам HTML, включая таблицы, изображения и видео. 2