Color.colorName与Color(.colorName)的颜色差异问题咨询

• Color.blue 是SwiftUI原生的动态颜色，它会根据系统外观模式（浅色/深色）、显示器色彩特性自动调整渲染值，属于SwiftUI独立的色彩体系。
• Color(.blue) 是将UIKit（iOS）/AppKit（macOS）的UIColor.blue/NSColor.blue桥转为SwiftUI的Color，这类颜色的色彩定义来自UIKit/AppKit的色彩空间，和SwiftUI原生色彩的适配逻辑存在差异。

两者的颜色差异不是Xcode预览的Bug，实际渲染值确实存在细微区别，且这类差异会出现在红色、绿色等多个基础色上。

你可以通过代码打印两者的CGColor组件值验证差异：

import SwiftUI

struct ColorTestView: View {
    var body: some View {
        VStack {
            Color.blue
            Color(.blue)
        }
        .onAppear {
            if let cgColor1 = Color.blue.cgColor, let components1 = cgColor1.components {
                print("Color.blue RGB: \(components1[0]), \(components1[1]), \(components1[2])")
            }
            if let cgColor2 = Color(.blue).cgColor, let components2 = cgColor2.components {
                print("Color(.blue) RGB: \(components2[0]), \(components2[1]), \(components2[2])")
            }
        }
    }
}

运行后会看到两者的RGB数值存在细微差别，这就是视觉上颜色不同的根本原因。

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