十六进制颜色通过#RRGGBB表示RGB三通道,每对相同可简写为#RGB,八位格式#RRGGBBAa支持透明度,广泛用于网页设计。
CSS 中的十六进制颜色是一种常见的表示颜色的方式,它通过红(R)、绿(G)、蓝(B)三个颜色通道的组合来定义颜色。每个通道用两位十六进制数表示,范围从 00(最小)到 FF(最大),整体格式以井号 # 开头。
基本格式:#RRGGBB
这是标准的六位十六进制颜色表示法:
-
前两位(RR) 表示红色分量
-
中间两位(GG) 表示绿色分量
-
最后两位(BB) 表示蓝色分量
例如:
-
#FF0000 是纯红色(红=255, 绿=0, 蓝=0)
-
#00FF00 是纯绿色
-
#0000FF 是纯蓝色
-
#FFFFFF 是白色(所有颜色都最大)
-
#000000 是黑色(所有颜色都为0)
-
#808080 是灰色
简写形式:#RGB
当每对十六进制数字相同,比如 #FFCC00,可以简写为 #FC0。规则是:
- #FFCC00 → #FC0
- #AABBAA → #ABA
- #000000 → #000
- #FFFFFF → #FFF
注意:只有在每对数字相同时才能简写,否则会出错。
带透明度:#RRGGBBAA
CSS 还支持八位十六进制表示法,最后两位代表 alpha 通道(透明度):
-
#000000FF 是完全不透明的黑色
-
#FFFFFF80 是半透明的白色(80 对应约 50% 透明度)
- alpha 值范围也是 00(全透明)到 FF(不透明)
基本上就这些。十六进制颜色简洁直观,广泛用于网页设计中。只要记住 RGB 的组合方式和十六进制的取值范围,就能准确写出所需颜色。不复杂但容易忽略细节。