多分これが一番楽だと思います。
<html> <body> 明度:<input type="range" value="100" min="1" max="300" step="1" oninput="document.getElementById('pic').style.filter=`brightness(${this.value}%)`"><br> 彩度:<input type="range" value="100" min="1" max="300" step="1" oninput="document.getElementById('pic').style.filter=`saturate(${this.value}%)`"><br> <img id="pic" src="pic.jpg"> </body> </html>