HTML 颜色学习笔记

1. RGB 颜色

RGB 是一种通过红、绿、蓝三种颜色的组合演算来得到各式各样颜色的方法。在 CSS 中，我们可以使用 rgb() 函数来表示这种颜色。

例如：

cssCopy Code
div{
   background-color: rgb(255,0,0);
}

效果为一个背景颜色为红色的 div 元素。

2. 十六进制颜色

十六进制颜色是另一种表示颜色的方式。它是由红、绿、蓝三个分量的值以十六进制（0-9 和 a-f）的形式组成的，通常使用 # 符号开头表示。在 CSS 中，我们可以使用 # 符号后面跟着红、绿、蓝三个分量的十六进制值来表示颜色。

例如：

cssCopy Code
div{
   background-color: #ff0000;
}

也可以简写为：

cssCopy Code
div{
   background-color: #f00;
}

这两行代码都会让 div 元素的背景颜色变成红色。

3. RGBA 颜色

RGBA 是 RGB 颜色的一种扩展形式，其中 alpha 值确定了颜色的透明度。在 CSS 中，我们可以使用 rgba() 函数来表示这种颜色。

例如：

cssCopy Code
div{
   background-color: rgba(255,0,0,0.5);
}

效果为一个半透明红色背景的 div 元素。

4. HSL 颜色

HSL 意思是“色相、饱和度、亮度”，也被称为 HSV（“色相、饱和度、明度”）。它通过改变颜色的色相、饱和度和亮度来得到各种颜色。在 CSS 中，我们可以使用 hsl() 函数来表示这种颜色。

例如：

cssCopy Code
div{
   background-color: hsl(0,100%,50%);
}

效果为一个背景颜色为红色的 div 元素。

5. HSLA 颜色

HSLA 是 HSL 颜色的一种扩展形式，其中 alpha 值确定了颜色的透明度。在 CSS 中，我们可以使用 hsla() 函数来表示这种颜色。

例如：

cssCopy Code
div{
   background-color: hsla(0,100%,50%,0.5);
}

效果为一个半透明红色背景的 div 元素。

以上就是关于 HTML 颜色的学习笔记。希望对你有所帮助！