html怎么设置字体颜色：三种实用写法
html怎么设置字体颜色主要有内联style、页面style标签、外部CSS文件三种主流方式，内联写法适配单处文字快速改色，页面style标签适合单页面统一配色，外部CSS文件适配多页面网站，三种方法均支持十六进制、RGB、颜色英文名称三类合法色值，兼容性覆盖目前绝大多数主流浏览器。
html设置字体颜色的内联写法
你可以直接在HTML文本标签内添加style属性设置字体颜色，这是最便捷的即时修改方式，适配段落、span、标题、按钮等所有文本类标签。具体代码格式为<标签style="color:色值;">文字内容，例如
内联写法仅作用于当前标签，不会影响页面其他文本，适合临时微调、局部高亮文字的场景。但不建议大面积使用，批量页面改色时需要逐个修改标签，会大幅增加代码冗余，后续维护效率较低。
html设置字体颜色的页面全局写法
在网页头部head标签内添加style标签，统一定义全局文本样式，可批量控制页面同类标签的字体颜色，适合单页面整体配色统一需求。你可以直接定义标签通用样式，比如设置p标签全局字体为黑色，代码为，页面内所有p段落文字都会自动生效该颜色。也可以定义class类样式，给需要改色的标签绑定类名，实现按需配色，灵活性优于内联写法。
该写法优先级低于内联样式、高于外部CSS样式，样式代码集中在页面头部，单页面修改和调试较为方便，是中小型静态网页最常用的配色方式。
html设置字体颜色的外部CSS写法
外部CSS写法是将所有字体颜色等样式代码单独写入.css后缀文件，再通过link标签引入HTML页面，是规范化网站开发的主流方式。你只需在CSS文件中编写文本样式规则，比如body{color:#222222;}统一页面基础文字颜色，所有引入该CSS文件的网页都会同步生效，多页面网站无需重复编写样式代码，极大简化批量配色和后期维护工作。
该写法代码结构清晰，分离了HTML结构和CSS样式，符合前端标准化开发规范，适配企业官网、多页面项目等正式开发场景。
字体颜色三类合法色值对比
| 色值类型 | 使用难度 | 色彩丰富度 | 适用场景 |
|---|---|---|---|
| 英文颜色名 | 极低 | 较低 | 基础纯色快速调试 |
| 十六进制色值 | 中等 | 极高 | 正式项目精准配色 |
| RGB色值 | 中等 | 极高 | 需要透明渐变的配色 |
英文颜色名仅支持一百余种基础颜色，常用的有red、black、white、blue，仅适合简单测试场景。十六进制色值支持千万级色彩，是前端开发的主流选择，格式为#六位数字字母组合，可精准匹配设计图配色。RGB色值可搭配透明度参数使用，能实现文字半透明效果，适配创意视觉设计需求。
该系列配色方法的适用边界是仅适配HTML常规文本标签，canvas画布内的文字、图片内嵌文字无法通过color属性改色，需要使用对应专属API单独设置样式。
所有color字体颜色样式兼容W3C通用网页标准，符合主流浏览器的解析规则，在Chrome、Edge、Firefox等现代浏览器中均可稳定生效，不会出现样式失效的情况。
