HTML 颜色代码是网页设计中不可或缺的部分，它使得开发者能够为网页元素指定颜色属性。在 HTML 和 CSS 中，颜色代码主要有三种表示方式：十六进制、RGB 和 RGBA。
十六进制表示法
十六进制颜色代码是网页设计中最为常见的表示方式。它以 `#` 开头，后接六个十六进制数字，分为三对。每对数字代表一种颜色通道：红（R）、绿（G）、蓝（B）。
- `#RRGGBB`
- `RR` 表示红色通道的强度。
- `GG` 表示绿色通道的强度。
- `BB` 表示蓝色通道的强度。
每种颜色通道的取值范围从 `00`（无色）到 `FF`（最强的颜色）。
例如：
- `#FF0000` 表示红色。
- `#00FF00` 表示绿色。
- `#0000FF` 表示蓝色。
RGB 表示法
RGB 表示法在 HTML 和 CSS 中同样常用，它直接通过函数 `rgb()` 来指定颜色。在 `rgb()` 函数内部，分别为红、绿、蓝通道指定一个介于 `0` 到 `255` 之间的数值。
- `rgb(R, G, B)`
例如：
- `rgb(255, 0, 0)` 表示红色。
- `rgb(0, 255, 0)` 表示绿色。
- `rgb(0, 0, 255)` 表示蓝色。
RGBA 表示法
RGBA 是 RGB 的扩展，增加了一个 Alpha 通道，用于控制颜色的不透明度。Alpha 值范围从 `0`（完全透明）到 `1`（完全不透明）。
- `rgba(R, G, B, A)`
例如：
- `rgba(255, 0, 0, 0.5)` 表示半透明的红色。
- `rgba(0, 255, 0, 1)` 表示完全不透明的绿色。
使用方法
在实际的 HTML 和 CSS 代码中，颜色代码可以应用于各种样式属性，如 `color`、`background-color`、`border-color` 等。
以下是一个 CSS 样式的示例：
/* 使用十六进制颜色代码 */
p {
color: #FF0000;
}
/* 使用 RGB 颜色代码 */
h1 {
color: rgb(255, 0, 0);
}
/* 使用 RGBA 颜色代码 */
div {
background-color: rgba(0, 0, 255, 0.5);
}
在 HTML 中直接应用内联样式时：
这是一个段落。
这是一个标题。
这是一个背景半透明的蓝色 div。
通过这些方法，开发者可以灵活地控制网页上的颜色，创造出丰富多彩的视觉效果。