CSS 颜色属性

CSS 中的 color 属性用于设置文本的颜色、网页的背景以及设置边框的颜色。

句法

color: color/initial/inherit;

属性值：

• 颜色：它将颜色设置为程序员在 CSS 文件中指定的文本。颜色可以设置为4种形式的文本-

1. color-name：直接指定颜色的名称，如蓝色、绿色、黄色、白色、黑色等。

   句法：

   color: name-of-the-color; 
   

   例子：

   
   
       
           
           
       
       
           
   
               CSS Color Property
           
           
   
               GEEKSFORGEEKS: A computer science portal
           
           
   
               GEEKSFORGEEKS: A computer science portal
           
           
   
               GEEKSFORGEEKS: A computer science portal
           
       
   
   

   输出：

   

2. RGB/RGBA 值：这里 R 代表红色，G 代表绿色，B 代表蓝色。颜色将使用这些值的范围分配给文本。这些值的范围是 0 到 255。

   句法：

   color: RGB(value, value, value);

   例子：

   
   
       
           
           
       
       
           
   
               CSS color property
           
           
   
               RGB(0, 150, 0)-This is the code for green color.
           
           
   
               RGB(255, 0, 0)-This is the code for red color.
           
           
   
               RGB(0, 0, 255)-This is the code for blue color.
           
       
   
   

   输出：

   

3. Hexa-Decimal Value：以十六进制格式表示颜色的值。它应该以前缀# 开头。这些值的范围从 #000000 到 #FFFFFF。

   句法：

   color: #RRGGBB;

   例子：

   
   
       
           
           
       
       
           
   
               CSS color property
           
           
   
               #00AA00-This is the code for green color.
           
           
   
               #FF0000-This is the code for red color.
           
           
   
               #0000FF-This is the code for blue color.
           
       
   
   

   输出：

   

4. HSL/HSLA 值： HSL 代表色相、饱和度和亮度。色调的范围是(0 到 360 度)，饱和度是指灰度效果，范围是(0 到 100%)，亮度是指光的效果，范围是(0 到 100%)。

   句法：

   color: HSL(value, value, value);

   例子：

   
   
       
           
           
       
       
           
   
               CSS Color property
           
           
   
               HSL(147, 50%, 47%)-This is the code for green color.
           
           
   
               HSL(0, 100%, 50%)-This is the code for red color.
           
           
   
               HSL(240, 100%, 50%)-This is the code for blue color.
           
       
   
   

   输出：

   

5. 初始值：此值会将颜色值设置为其默认值。

   语法：

   color: initial;

   例子：

   
   
       
           
           
           
       
       
           
   
               CSS Color Property
           
           
   
               GEEKSFORGEEKS: A computer science portal
           
       
   
   

   输出：

   

6. 继承：它将从其父元素继承颜色的属性。

支持的浏览器： color 属性支持的浏览器有-

• 谷歌浏览器 1.0
• 浏览器 3.0
• 火狐 1.0
• Safari 1.0
• 歌剧 3.5