17370845950

css颜色如何用十六进制表示
十六进制颜色通过#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 的组合方式和十六进制的取值范围,就能准确写出所需颜色。不复杂但容易忽略细节。