Exemple de code de la fonction CSS brightness().

<style>
.brightness0{
 -webkit-filter  : brightness(0%); 
 filter    : brightness(0%); 
}

.brightness150{
 -webkit-filter  : brightness(150%); 
 filter    : brightness(150%); 
}

.brightness100{
 -webkit-filter  : brightness(100%); 
 filter    : brightness(100%); 
}

.brightness50{
 -webkit-filter  : link-css=brightness()brightness(50%)link-css=brightness(); 
 filter    : brightness(50%); 
}

.img{
margin:10px; 
}

</style>
<div style="width:150px; height:150px" class="img"><img src="/img/exemple/filter-image.jpg"></div>
<img src="/img/exemple/filter-image.jpg" style="width:150px; height:150px" class="img brightness0"> 
<img src="/img/exemple/filter-image.jpg" style="width:150px; height:150px" class="img brightness50">  
<img src="/img/exemple/filter-image.jpg" style="width:150px; height:150px" class="img brightness100"> 
<img src="/img/exemple/filter-image.jpg" style="width:150px; height:150px" class="img brightness150">