HTML5通过CSS定义颜色，支持颜色名称、十六进制（#RRGGBB/#RGB）、RGB/RGBA、HSL/HSLA等格式；需注意兼容性、可访问性及深色模式适配。
HTML5 本身不直接“定义颜色”，而是通过 CSS（层叠样式表）来设置元素的颜色。HTML5 提供了更语义化的标签结构，而颜色控制完全交给 CSS，支持多种写法：颜色名称、十六进制（#RRGGBB 或 #RGB）、RGB/RGBA、HSL/HSLA 等。
用颜色名称设置文字或背景色
最简单的方式是使用预定义的英文颜色名，如 red、blue、green、orange、teal 等。共约 140 个标准名称（含 CSS2 和 CSS3 扩展），大小写不敏感。
示例：
<p style="color: tomato;">这段文字是番茄红</p><div style="background-color: lightseagreen;">浅海绿色背景</div>
用十六进制（#）定义精确颜色
这是最常用的方式，格式为 #RRGGBB（6位，每两位代表红、绿、蓝分量），也可简写为 #RGB（3位，每位自动扩展为两位，如 #f93 → #ff9933）。
立即学习“前端免费学习笔记（深入）”；
说明：
- #000 = 黑色，#fff = 白色，#f00 = 纯红（#ff0000）
- 字母 a–f 不区分大小写：#3A8Fcc 和 #3a8fcc 效果相同
- 支持 8 位十六进制（#RRGGBBAA）表示透明度，但需 CSS 支持（如 rgba 替代更通用）
内联、内部、外部 CSS 中均可使用
颜色值可写在任意 CSS 上下文中，不限于内联 style 属性：
<!-- 内联 --><span style="color: #e74c3c;">危险色</span>
<!-- 内部样式 -->
<style>
.warning { color: #c0392b; }
</style>
<p class="warning">警告文字</p>
<!-- 外部样式（推荐）-->
<link rel="stylesheet" href="style.css">
注意兼容性与可访问性
颜色名和 #RRGGBB 在所有现代浏览器中完全支持；但部分冷门颜色名（如 rebeccapurple）在旧版 IE 中可能无效。更重要的是：
- 避免仅靠颜色传递关键信息（如“红色=错误”需搭配图标或文字）
- 确保文本与背景有足够对比度（建议 WCAG AA 级 ≥ 4.5:1）
- 深色模式下，硬编码的 #000 或 #fff 可能不适应，可配合 prefers-color-scheme 媒体查询优化
