设计稿给的是 RGB,CSS 里常用 #ffffff。本文讲转换公式,并给出三种颜色表示法的选用建议。
HEX 是 RGB 各通道的两位十六进制:#RRGGBB。红 255 即 FF,绿 128 即 80,蓝 0 即 00,合起来 #FF8000。反向转换把每两位十六进制转十进制即可。
HEX 最紧凑,适合 CSS;rgb() 函数支持 rgba() 带透明度;hsl() 更符合直觉,调色时直接改色相和饱和度最方便。
八位 HEX(#RRGGBBAA)或 rgba() 均可表达透明度。现代浏览器均支持八位 HEX,旧项目为兼容性可用 rgba。
从截图取色可用系统取色器或在线工具;建立品牌色板时同时记录 HEX 和 RGB 两种值,方便设计与开发对接。
一样。三位是四位的缩写形式,每位重复一次,仅用于可缩放的场景。
不区分,但建议全大写或全小写保持代码统一。
屏幕色域和校准差异导致,设计交付时应约定 sRGB 色彩空间。