Как я могу эмулировать гамма-коррекцию с помощью фильтров CSS3?

Согласно этой странице http://www.w3schools.com/cssref/css3_pr_filter.asp есть контраст, яркость, оттенок, насыщенность и т. д. Но нет явного доступа к гамме. Есть ли способ имитировать это с помощью существующих фильтров изображений CSS3 или существует плагин (JQuery или другой JS), который делает это возможным?


person Konstantin    schedule 02.02.2016    source источник


Ответы (1)


Гамма более тесно связана с контрастом, чем что-либо еще. Хотя для этого нет явного фильтра, вы можете получить почти идентичные результаты, используя небольшие настройки яркости и работая в первую очередь с контрастом.

Например, если я хочу повысить гамму изображения, которое выглядит слишком темным, я могу попробовать:

filter: contrast(125%) brightness(105%);

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

Не стесняйтесь проверить тему, спрашивающую о гамме и яркости здесь: https://graphicdesign.stackexchange.com/questions/11445/gamma-vs-brightness-any-difference

Надеюсь, это помогло. Ваше здоровье.

person jensenmk89    schedule 02.02.2016