SwiftUI中十六进制初始化Color后输出多FF后缀的原因？

为什么会出现FF后缀？ #

你调用的Color(red:green:blue:)初始化方法，默认会将alpha（不透明度）参数设置为1.0，对应十六进制的FF（因为255/255=1.0）。系统打印Color时，会输出包含alpha通道的8位十六进制格式（RRGGBBAA），而你传入的是6位RGB格式（RRGGBB），所以自动补全了代表完全不透明的FF后缀。

如何解决颜色显示异常？ #

如果显示异常是因为你需要支持带透明度的十六进制值，或者想严格匹配输入格式，你可以修改Color扩展的初始化函数，同时处理6位RGB和8位RGBA两种格式：

修改后的扩展代码 #

extension Color {
    init(hex: String) {
        // 去除空格、换行和#前缀
        var cleanedHex = hex.trimmingCharacters(in: .whitespacesAndNewlines)
        if cleanedHex.hasPrefix("#") {
            cleanedHex = String(cleanedHex.dropFirst())
        }
        
        var rgbValue: UInt64 = 0
        Scanner(string: cleanedHex).scanHexInt64(&rgbValue)
        
        var red = 1.0, green = 1.0, blue = 1.0, alpha = 1.0
        
        switch cleanedHex.count {
        case 6:
            // 处理6位RGB格式
            red = Double((rgbValue & 0xFF0000) >> 16) / 255.0
            green = Double((rgbValue & 0x00FF00) >> 8) / 255.0
            blue = Double(rgbValue & 0x0000FF) / 255.0
            alpha = 1.0
        case 8:
            // 处理8位RGBA格式
            red = Double((rgbValue & 0xFF000000) >> 24) / 255.0
            green = Double((rgbValue & 0x00FF0000) >> 16) / 255.0
            blue = Double((rgbValue & 0x0000FF00) >> 8) / 255.0
            alpha = Double(rgbValue & 0x000000FF) / 255.0
        default:
            // 非法格式时的默认颜色（可自定义）
            red = 1.0
            green = 1.0
            blue = 1.0
            alpha = 1.0
        }
        
        // 使用带opacity参数的初始化方法
        self.init(red: red, green: green, blue: blue, opacity: alpha)
    }
}

额外排查点 #

如果修改后仍有显示异常，可检查：

• 是否在深色/浅色模式下，系统自动调整了颜色（可通过.preferredColorScheme()强制测试单一模式）
• 视图的背景色、前景色是否存在叠加，导致视觉上的颜色偏差
• 传入的十六进制值是否本身有误（可通过在线工具转换RGB值验证）

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