Как сделать цветовые градиенты в CSS с гамма-коррекцией?

Question

Итак, я только выяснил о цветах в компьютерах, хранящихся в логарифмической c шкале, чтобы сэкономить место.

Теперь я хотел бы применить то, что я узнал, и создать градиент CSS с цветовым пространством с поправкой на гамму вместо стандартного, но я не нашел уже существующего решения о том, как это сделать.

градиент без гамма-коррекции

Кто-нибудь еще над этим работал? Я уверен, что мог бы просто предварительно запрограммировать множество цветовых остановок, но мне интересно, есть ли более простой способ сделать это с помощью CSS.

Answer 1

Я тоже не знаю, как это сделать правильно.
Единственный способ, который я вижу, - это если вы делаете это вручную, например, я выбрал два цвета здесь , затем я разделил код RGB на 255, а затем вычислил новый код, как показано в видео YT. В конце концов, я умножил каждый цвет на 255, чтобы снова превратить его в код RGB. Теперь я добавил третий переход между другим, которому я назначил вычисленный код. Проблема, конечно, в том, что теперь у вас та же проблема, что и в начале, только между новым RGB-кодом и старым. Но я думаю, что это уже не так заметно для глаз, и если вы сделаете то же самое еще раз, все будет в порядке.

Вот как это выглядит, если вы сделаете шаги один раз

и так обычно выглядит