【html颜色代码有哪些】在网页设计中，颜色是表达视觉效果的重要元素。HTML 中的颜色可以通过多种方式表示，包括颜色名称、十六进制代码（）、RGB 和 HSL 等格式。了解这些颜色代码有助于更好地控制网页的外观和风格。
以下是对 HTML 颜色代码的总结与分类，便于开发者快速查找和使用。
一、常见颜色名称
HTML 支持一些标准颜色名称，可以直接在 CSS 或 HTML 属性中使用。以下是部分常用颜色名称及其对应的十六进制代码：
| 颜色名称 | 十六进制代码 |
| Red | FF0000 |
| Green | 008000 |
| Blue | 0000FF |
| Yellow | FFFF00 |
| Black | 000000 |
| White | FFFFFF |
| Cyan | 00FFFF |
| Magenta | FF00FF |
| Gray | 808080 |
| Orange | FFA500 |
二、十六进制颜色代码（）
十六进制颜色代码是最常用的表示方式，由 `` 开头，后跟六个十六进制数字，分别代表红、绿、蓝三通道的强度。例如：`FF5733` 表示一种橙红色。
| 十六进制代码 | 对应颜色名称 |
| FF0000 | Red |
| 00FF00 | Lime |
| 0000FF | Blue |
| FFFF00 | Yellow |
| 000000 | Black |
| FFFFFF | White |
| 00FFFF | Cyan |
| FF00FF | Magenta |
| 808080 | Gray |
| FFA500 | Orange |
三、RGB 颜色表示法
RGB 是通过红（Red）、绿（Green）、蓝（Blue）三种颜色的组合来定义颜色，数值范围为 0 到 255。格式为 `rgb(R, G, B)`。
| RGB 值 | 对应颜色名称 |
| rgb(255, 0, 0) | Red |
| rgb(0, 255, 0) | Green |
| rgb(0, 0, 255) | Blue |
| rgb(255, 255, 0) | Yellow |
| rgb(0, 0, 0) | Black |
| rgb(255, 255, 255) | White |
| rgb(0, 255, 255) | Cyan |
| rgb(255, 0, 255) | Magenta |
| rgb(128, 128, 128) | Gray |
| rgb(255, 165, 0) | Orange |
四、HSL 颜色表示法
HSL 是基于色调（Hue）、饱和度（Saturation）和亮度（Lightness）的颜色模型，适用于更直观的颜色调整。格式为 `hsl(H, S%, L%)`。
| HSL 值 | 对应颜色名称 |
| hsl(0, 100%, 50%) | Red |
| hsl(120, 100%, 50%) | Green |
| hsl(240, 100%, 50%) | Blue |
| hsl(60, 100%, 50%) | Yellow |
| hsl(0, 0%, 0%) | Black |
| hsl(0, 0%, 100%) | White |
| hsl(180, 100%, 50%) | Cyan |
| hsl(300, 100%, 50%) | Magenta |
| hsl(0, 0%, 50%) | Gray |
| hsl(30, 100%, 50%) | Orange |
五、总结
在 HTML 和 CSS 中，颜色代码的使用非常灵活，可以根据实际需要选择不同的表示方式。常见的颜色代码包括：
- 颜色名称：如 Red、Blue、Green 等；
- 十六进制代码：如 `FF0000`、`00FF00` 等；
- RGB 表达式：如 `rgb(255, 0, 0)`；
- HSL 表达式：如 `hsl(0, 100%, 50%)`。
掌握这些颜色代码，可以帮助开发者更高效地进行网页设计和样式控制。