HEX 和 RGBA 颜色怎么互转？
说明 #RRGGBB、#RRGGBBAA、rgb()、rgba() 的区别，以及透明度在 CSS 中如何表达。
打开颜色转换工具HEX 和 RGBA 表达的是同一类颜色
HEX 常见写法是 #RRGGBB，例如 #e94560。RGBA 则把红、绿、蓝和透明度分开写，例如 rgba(233, 69, 96, 0.8)。
前端调样式时，HEX 简洁适合纯色，RGBA 更适合需要透明度的背景、遮罩、边框和阴影。
透明度怎么转换
RGBA 的 alpha 使用 0 到 1 表示透明度。0 是完全透明，1 是完全不透明。8 位 HEX 颜色里的最后两位也可以表示透明度，例如 #e94560cc。
不过并不是所有旧环境都习惯 8 位 HEX，兼容性要求高时，rgba() 仍然更直观。
- 100% 不透明：alpha = 1。
- 50% 透明度：alpha = 0.5。
- 常用遮罩：rgba(0, 0, 0, 0.45)。
设计交付时的建议
从设计稿复制颜色后，可以先转成项目里统一的颜色格式。如果团队 CSS 变量使用 HEX，就统一输出 HEX；如果组件库常用透明背景，就保留 RGBA。
同一项目里格式统一，比单个颜色写得漂亮更重要。
常见问题
HEX 能表示透明度吗？
可以，8 位 HEX 的最后两位可表示透明度，但 rgba() 通常更直观。
RGB 和 RGBA 有什么区别？
RGBA 比 RGB 多一个 alpha 透明度通道。
为什么同一个颜色看起来不一样？
背景色、透明度、屏幕色彩和浏览器渲染都会影响视觉效果。