颜色值#FFFFFF是什么意思?HEX与RGB的换算与常见坑

HEX其实就是RGB的另一种写法

在网页与设计系统里常见的#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)。

#FFF这种缩写怎么来的

#RGB(3位)是#RRGGBB的缩写:#FFF 等价于 #FFFFFF;#09C 等价于 #0099CC。

透明度:#RRGGBBAA与rgba()

有些环境支持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),避免团队成员各写各的导致对不齐。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功