html颜色代码表大全最新:HTML颜色代码表大全最新版,网页设计必备参考指南
HTML颜色代码基础
HTML颜色代码主要有三种表示方式:
- 十六进制代码(最常用):以开头,后跟6位十六进制数字(如
#FF0000) - RGB格式:
rgb(r, g, b),其中r、g、b值范围为0-255 - 颜色名称:如
red、blue等标准颜色名
HTML颜色代码大全(最新版)
基本颜色(纯色)
| 颜色名称 | 十六进制 | RGB |
|---|---|---|
| 红色 | #FF0000 | rgb(255,0,0) |
| 橙色 | #FF7F00 | rgb(255,127,0) |
| 黄色 | #FFFF00 | rgb(255,255,0) |
| 绿色 | #00FF00 | rgb(0,255,0) |
| 青色 | #00FFFF | rgb(0,255,255) |
| 蓝色 | #0000FF | rgb(0,0,255) |
| 紫色 | #800080 | rgb(128,0,128) |
| 棕色 | #800000 | rgb(128,0,0) |
| 灰色 | #808080 | rgb(128,128,128) |
| 黑色 | #000000 | rgb(0,0,0) |
| 白色 | #FFFFFF | rgb(255,255,255) |
中性色与灰色调
| 颜色名称 | 十六进制 | RGB |
|---|---|---|
| 浅灰 | #D3D3D3 | rgb(211,211,211) |
| 中灰 | #A9A9A9 | rgb(169,169,169) |
| 深灰 | #696969 | rgb(105,105,105) |
| 黑色 | #000000 | rgb(0,0,0) |
渐变色与主题色
| 颜色名称 | 十六进制 | RGB |
|---|---|---|
| 淡蓝 | #E0F7FA | rgb(224,247,250) |
| 淡绿 | #C8E6C9 | rgb(200,230,201) |
| 淡粉 | #F8BBD0 | rgb(248,187,200) |
| 淡紫 | #E1BEE7 | rgb(225,190,231) |
| 淡橙 | #FFE0B2 | rgb(255,224,178) |
HTML颜色代码使用示例
在HTML中,颜色代码可以直接应用于各种标签属性,
<font color="#FF0000">红色文字</font> <div style="background-color: #00FF00;">绿色背景</div> <button style="color: #FFFFFF; background-color: #0000FF;">蓝色按钮</button>
实用技巧
- 颜色对比度检查:确保文字与背景颜色有足够的对比度,提高可读性。
- 使用CSS变量:定义颜色变量便于统一管理,如
--primary-color: #4285F4; - 渐变色实现:使用CSS
linear-gradient属性创建渐变效果。
HTML颜色代码是网页设计的基础工具,掌握最新、最全的颜色代码表能极大提升开发效率,本文整理的HTML颜色代码大全涵盖了基础色、中性色、主题色等多种应用场景,是您网页设计与开发的必备参考。
注意:HTML5标准支持超过150种颜色名称,本文仅列出部分常用颜色,如需完整列表,可参考W3C官方文档。

文章已关闭评论!










