Convert the colors of the object to 256 shades of gray with CSS


Use the grayscale effect to convert the colors of the object to 256 shaded of gray. The following parameter is used in this filter:

Parameter
Description
Gray
Converts the colors of the object to 256 shades of gray.

Example

You can try to run the following code to set grayscale effect:

Live Demo

<html>
   <head>
   </head>
   <body>
      <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Gray">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Gray">CSS Tutorials</div>
   </body>
</html>

karthikeya Boyini
karthikeya Boyini

I love programming (: That's all I know

Updated on: 13-Mar-2020

86 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements