如何使用Figma文件中的RGBA代码？Flutter颜色不匹配问题咨询

问题根源：Alpha值的单位不一样 #

Figma里的Alpha通道是0-100的百分比，但Flutter里的Alpha要么是0-1的小数，要么是0-255的整数，直接照搬Figma的Alpha数值肯定会错。比如你截图里的Alpha是90，不能直接写90，得转成0.9或者230。

正确转换代码示例 #

方式1：用fromARGB（Alpha取0-255整数） #

把Figma的Alpha百分比转成255的比例：(百分比/100)*255，取整后用fromARGB：

// 对应Figma里的RGBA(255,255,255,90%)
Color.fromARGB(230, 255, 255, 255);

方式2：用withOpacity（快速加透明度） #

先拿Figma里的RGB十六进制值，再用withOpacity传入小数形式的透明度：

// 白色RGB是0xFFffffff，加上90%透明度就是0.9
Color(0xFFffffff).withOpacity(0.9);

额外要注意的地方 #

• 确认Figma用的是sRGB模式：Figma默认就是这个，Flutter的Color类也是基于sRGB的，保持一致就不会有颜色偏差。
• 检查Flutter项目的主题配置：如果项目里有自定义的颜色滤镜、主题色调整逻辑，可能会影响最终显示，得排除这些干扰。

内容的提问来源于stack exchange，提问作者gundam riteesh