在网页与设计系统里常见的#RRGGBB(例如#FFFFFF)本质上是把RGB三个通道用十六进制表示:RR对应红色,GG对应绿色,BB对应蓝色。
每个通道范围通常是0-255(十进制)。十六进制两位能表示00-FF,刚好覆盖0-255。例:FF=255,00=0,80=128左右。
#FFFFFF = (FF,FF,FF) = RGB(255,255,255);#000000 = RGB(0,0,0)。
#RGB(3位)是#RRGGBB的缩写:#FFF 等价于 #FFFFFF;#09C 等价于 #0099CC。
有些环境支持8位HEX:#RRGGBBAA,其中AA是Alpha透明度。例如#00000080表示50%左右透明的黑色(具体换算略有差异)。也可用CSS的rgba(0,0,0,0.5)。
1)把0-1当成0-255:设计稿里写0.5不等于80。2)不同软件色彩空间不同:同样的RGB数值在sRGB与Display P3下观感会变。
做设计系统时明确色彩空间(通常sRGB),并在代码侧统一格式(HEX或RGB),避免团队成员各写各的导致对不齐。