Flutter/Dart技术问题：如何将十六进制颜色字符串转为Color对象？

刚好我之前也碰到过这个需求，给你几个实用的办法，轻松把数据库里#AABBCC格式的颜色字符串转成Flutter能用的Color对象～

Flutter的Color构造器要求传入的是ARGB格式的十六进制整数（比如0xFF42A5F5，其中FF代表完全不透明的alpha通道），而我们数据库里存的是RGB格式的字符串，所以核心就是给RGB字符串补全alpha通道，再转成整数即可。

1. 基础工具函数（仅处理6位RGB颜色） #

如果你的数据库里的颜色都是不带透明度的6位格式（比如#AABBCC），可以写一个简单的转换函数：

Color hexToColor(String hexString) {
  // 先移除字符串开头的#符号
  final cleanedHex = hexString.replaceFirst('#', '');
  // 拼接FF作为不透明的alpha通道，再转成十六进制整数
  final colorInt = int.parse('FF$cleanedHex', radix: 16);
  return Color(colorInt);
}

// 使用示例
Color myColor = hexToColor("#AABBCC"); // 对应Color(0xFFAABBCC)

2. 进阶兼容版（支持带透明度的8位颜色） #

如果你的颜色可能包含透明度信息（比如#80AABBCC，其中80是alpha值，代表半透明），可以优化函数同时兼容6位和8位格式：

Color hexToColor(String hexString) {
  String cleanedHex = hexString.replaceFirst('#', '');
  
  // 如果是6位RGB颜色，自动补全FF作为不透明alpha通道
  if (cleanedHex.length == 6) {
    cleanedHex = 'FF$cleanedHex';
  }
  
  // 解析为十六进制整数并返回Color对象
  final colorInt = int.parse(cleanedHex, radix: 16);
  return Color(colorInt);
}

// 使用示例
Color opaqueColor = hexToColor("#AABBCC"); // Color(0xFFAABBCC)
Color semiTransparentColor = hexToColor("#80AABBCC"); // Color(0x80AABBCC)

3. 更优雅的扩展方法 #

为了让调用方式更接近你想要的Color.parseColor()风格，我们可以给Color类写一个扩展，这样用起来就像内置方法一样：

extension HexColor on Color {
  static Color fromHex(String hexString) {
    String cleanedHex = hexString.replaceFirst('#', '');
    if (cleanedHex.length == 6) {
      cleanedHex = 'FF$cleanedHex';
    }
    return Color(int.parse(cleanedHex, radix: 16));
  }
}

// 使用方式
Color myColor = Color.fromHex("#AABBCC");

这样调用起来就和你期待的Color.parseColor("#AABBCC")几乎一模一样，非常直观好用。

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