使用16进制表示颜色是较为主流的方式, 那么在本篇文章中将简单讲讲如何在Flutter中使用16进制颜色.

方法一: 使用原生方法

Flutter中, Color类仅接收整数作为参数. 你也可以使用fromARGB或者fromRGBO.

比如拿到了一个16进制颜色#b74093. 因为Color还需要传入透明度, 255就是最大值(也就是不透明), 转为16进制就是0xFF, 所以我们只需这样表示:

const color = Color(0xffb74093);

Dart

Copy

正规一点的写法(可选, 因为大小写不敏感):

const color = Color(0xFFB74093);

Dart

Copy

方法二: 接收字符串格式, 转为Color

创建一个HexColor类:

class HexColor extends Color {static int _getColorFromHex(String hexColor) {hexColor = hexColor.toUpperCase().replaceAll("#", "");if (hexColor.length == 6) {hexColor = "FF" + hexColor;}return int.parse(hexColor, radix: 16);}HexColor(final String hexColor) : super(_getColorFromHex(hexColor));
}

Dart

Copy

然后进行调用:

Color color1 = HexColor("b74093");
Color color2 = HexColor("#b74093");
Color color3 = HexColor("#88b74093");

Dart

Copy

感谢

• How do I use hexadecimal color strings in Flutter? – Stack Overflow