HTML |颜色样式和 HSL

颜色用于使页面更具吸引力。以下是可用于通过组合不同颜色来创建新颜色的不同样式。

1. 十六进制样式：在这种样式中，我们以 6 位十六进制数（从 0 到 F）定义颜色。它由“#”表示。前两位数字表示红色，接下来是两位绿色，最后两位是蓝色。
   示例：如果我们想要所有紫色的“h1”标签。

h1{
 color:#00FF00;
}

2. RGB Style [Red Green Blue] :这里我们需要给出3个数字，分别表示混合色中需要的红、绿、蓝颜色的数量。每种颜色的范围是从 0 到 255。
   示例：如果我们想要所有绿色的“h1”标签。

h1{
      color:rgb(0, 255, 0);
}

1. 注意：rgba(0, 0, 0) 是黑色，rgb(255, 255, 255) 是白色。
2. RGBA Style [Red Green Blue Alpha] :这种样式可以让我们根据自己的意愿使颜色透明。 Alpha 表示透明度。绿色、蓝色和红色的范围是从 0 到 255，而 alpha 的范围是从 0 到 1。
   示例：如果我们想要所有绿色的“h1”标签。

h1{
  color:rgba(11, 99, 150, 1);
 }

2. HSL 颜色：这里“H”代表色调，“S”代表饱和度，“L”代表亮度。 HSL 颜色值指定为：
   语法：

hsl(hue, saturation, lightness)

1. • 色调是图像本身的颜色。它的范围是从 0 到 360。0 代表红色，120 代表绿色，240 代表蓝色。
   • 饱和度是色调的强度/纯度。 0% 代表灰色阴影，100% 代表全色。
     当颜色完全饱和时，颜色被认为是最纯/最真实的版本。
   • 亮度是色彩空间的亮度。 0% 代表黑色，100% 代表白色。

html

    
    


    
GeeksforGeeks
    
Programming Languages
    

        
Java
        
C++
        
C
    

支持的浏览器：

• 谷歌浏览器
• 微软边缘
• 火狐
• 歌剧
• 苹果浏览器