CSS color属性

CSS中的color属性用于设置HTML元素的颜色。通常，此属性用于设置元素的背景色或字体颜色。

在CSS中，我们使用颜色值来指定颜色。我们也可以将此属性用于边框颜色和其他装饰效果。

我们可以通过以下方式定义元素的颜色：

• RGB format.
• RGBA format.
• Hexadecimal notation.
• HSL.
• HSLA.
• Built-in color.

让我们详细了解上述方式的语法和描述。

RGB格式

RGB格式是“ RED GREEN and BLUE”的缩写形式，用于仅通过指定R，G，B的值(范围为0到255)来定义HTML元素的颜色。

通过使用rgb()属性指定此格式的颜色值。此属性允许三个值可以是百分比或整数(范围从0到255)。

并非所有浏览器都支持此属性。这就是为什么不建议使用它的原因。

句法

color: rgb(R, G, B);

RGBA格式

它几乎与RGB格式相似，不同之处在于RGBA包含用于指定元素透明度的A(字母)。 alpha的值在0.0到1.0的范围内，其中0.0表示完全透明，而1.0表示不透明。

句法

color:rgba(R, G, B, A);

十六进制表示法

十六进制可以定义为六位数的颜色表示。该符号以＃符号开头，后跟六个字符，范围从0到F。在十六进制符号中，前两位代表红色(RR)颜色值，后两位代表绿色(GG)颜色值，最后一位两位数字代表蓝色(BB)的颜色值。

十六进制的黑色符号为＃000000，十六进制的白色符号为#FFFFFF。以十六进制表示的某些代码是＃FF0000，＃00FF00，＃0000FF，＃FFFF00等。

句法

color:#(0-F)(0-F)(0-F)(0-F)(0-F)(0-F);

短十六进制代码

它是十六进制表示法的一种缩写形式，其中的每个数字都被重新创建以得出等效的十六进制值。

例如，＃7B6变为十六进制的＃77BB66。

短十六进制中的黑色符号为＃000，短十六进制中的白色符号为#FFF。简写为十六进制的一些代码是＃F00，＃0F0，＃0FF，＃FF0等。

HSL

它是色相，饱和度和亮度的简短形式。让我们分别了解它们。

色相：可以定义为色轮上从0到360的度数。0代表红色，120代表绿色，240代表蓝色。

饱和度：以百分比表示的值，其中100％代表完全饱和，即没有灰色阴影，50％代表50％灰色，但颜色仍然可见，0％代表完全不饱和，即完全灰色，并且颜色是不可见的。

亮度：颜色的亮度可以定义为我们要提供的颜色的灯光，其中0％表示黑色(没有光)，50％既不表示深色也不亮，而100％表示白色(全亮度) 。

让我们在color属性中查看HSL的语法。

句法

color:hsl(H, S, L);

HSLA

它与HSL属性完全相似，不同之处在于它包含用于指定元素透明度的A(alpha)。 alpha的值在0.0到1.0的范围内，其中0.0表示完全透明，而1.0表示不透明。

句法

color:hsla(H, S, L, A);

内置颜色

顾名思义，内置颜色表示以前定义的颜色的集合，这些颜色通过使用诸如红色，蓝色，绿色等名称来使用。

句法

color: color-name;

让我们看看内置颜色的列表以及它们的十进制和十六进制值。

下面给出了CSS颜色的说明，其中包括上述属性。

例

 
     
         
         
     
     
        
 
             Hello World. This is RGB format.
        
 
        
 
          Hello World. This is RGBA format.
     
 
     
 
      Hello World. This is Hexadecimal format.
 
 
 
 
  Hello World. This is Short-hexadecimal format.
 
 
 
  Hello World. This is HSL format.
 
 
  Hello World. This is HSLA format.
 
 
  Hello World. This is Built-in color format.