How to Decrease Image Brightness in CSS

To set image brightness in CSS, use filter brightness(%). Remember, the value 0 makes the image black, 100% is for original image and default. Rest, you can set any value of your choice, but values above 100% would make the image brighter.The feature to use is filter. with this doing a range of image effects, including brightness will be possible:


#myimage {
    filter: brightness(50%);
}