# 颜色表示法

URL: https://caijiao.org/css/04-color-background/01-color-values
Source: docs/css/04-color-background/01-color-values.md
Description: 颜色表示法是 CSS 设计的基础，常见的有十六进制、RGB、RGBA、HSL 以及颜色名称等多种形式。

CSS 支持多种颜色表示方式，用于设置文字颜色、背景色、边框色等。

## 1. 十六进制（Hex）

以 `#` 开头，后跟 3 或 6 位十六进制数：

```css
color: #ff0000; /* 红色 */
color: #0f0; /* 绿色，简写 */
```

## 2. RGB

用 `rgb()` 函数表示红、绿、蓝三色，范围 0-255：

```css
color: rgb(255, 0, 0); /* 红色 */
```

## 3. RGBA

RGBA 在 RGB 基础上增加透明度（alpha），范围 0-1：

```css
color: rgba(255, 0, 0, 0.5); /* 半透明红 */
```

## 4. HSL

用色相、饱和度、亮度表示颜色：

```css
color: hsl(0, 100%, 50%); /* 红色 */
```

## 5. HSLA

在 HSL 上增加透明度：

```css
color: hsla(0, 100%, 50%, 0.5);
```

## 6. 颜色名称

CSS 支持多种标准颜色名称：

```css
color: red;
color: blue;
color: green;
```

## 7. 代码演示

[在线代码演示](/css/demos/3.html)