HTML颜色代码表和16进制颜色代码表是网页设计与前端开发中用于定义颜色的标准参考工具,它们以统一的格式帮助开发者和设计师准确指定页面元素的颜色。这类表格将常见颜色与其对应的十六进制(Hex)代码、RGB值等表示方式一一列出,便于复制使用。
一、什么是HTML颜色代码表?
HTML颜色代码表是一个列出HTML和CSS中可识别颜色名称及其对应数值的参考表。它包含以下内容:
颜色名称:如 red、blue、black 等,共140多种标准颜色名称被现代浏览器支持。
十六进制代码:如 #FF0000 表示红色,是HTML中最常用的表示方式。
RGB函数值:如 rgb(255, 0, 0),用于在CSS中动态调整颜色或设置透明度(RGBA)。
示例:
颜色名:Red → Hex:#FF0000 → RGB:rgb(255,0,0)
颜色名:Blue → Hex:#0000FF → RGB:rgb(0,0,255)
这类表格通常按颜色名称或Hex值排序,方便查找。
二、什么是16进制颜色代码表?
16进制颜色代码表是以 #RRGGBB 格式为核心的颜色对照表,其中:
RR:红色通道强度(00~FF,即十进制0~255)
GG:绿色通道强度
BB:蓝色通道强度
每种颜色由红、绿、蓝三原色的不同强度组合而成,总共可表示约1677万种颜色(256×256×256)。
常见简写规则:
当每对数值相同时,可使用3位简写形式:
#FF0000 → #F00(红色)
#00FF00 → #0F0(绿色)
#0000FF → #00F(蓝色)
这种格式广泛应用于CSS样式、HTML属性和设计软件中。
三、核心颜色示例对照表
表格
颜色名称 Hex代码 RGB值
黑色 #000000 rgb(0,0,0)
白色 #FFFFFF rgb(255,255,255)
红色 #FF0000 rgb(255,0,0)
绿色 #008000 rgb(0,128,0)
蓝色 #0000FF rgb(0,0,255)
黄色 #FFFF00 rgb(255,255,0)
灰色 #808080 rgb(128,128,128)
橙色 #FFA500 rgb(255,165,0)
注:绿色的标准Hex为 #008000,而 #00FF00 被称为“Lime”(酸橙色),亮度更高。
四、扩展功能与现代应用
透明度支持(8位Hex):
使用 #RRGGBBAA 格式,最后两位 AA 表示透明度,如 #80808080 为半透明灰色。
Web安全色:
早期为确保跨设备显示一致,定义了216种“Web安全色”,均由两位相同数字组成(如 #336699),现已非必需。
在线调用与工具集成:
多数代码编辑器和设计软件内置颜色选择器,点击即可插入Hex代码,提升效率。