如何使用 CSS 将图像的颜色更改为黑白？

本文的方法是使用 CSS 中的 filter 属性将图像的颜色更改为黑白。它用于设置元素的视觉效果。此属性主要用于图像内容。

基本上我们使用grayscale() 方法将元素颜色转换为黑色和白色。灰度 0% 表示原始元素，100% 表示完全灰度元素。

句法：

filter: grayscale(100%)

例子：

HTML

  

    
  
    

  

    
GeeksForGeeks
  
    

        How to change the color of an images 
        to black and white using CSS?
    
  
    
    

  
    After Convert to Black and White 

    

  

输出：