Swift中CAGradientLayer颜色显示不准确问题求助

使用CAGradientLayer给UIView添加渐变效果时，设置了两个完全相同的纯红色（RGB:1.0,0.0,0.0）作为渐变颜色，但实际显示的RGB值中绿色分量为0.14902，与设置值不符。但直接给CALayer设置纯红色背景时，颜色显示完全正常。

渐变层代码 #

let gradientLayer2 = CAGradientLayer()
gradientLayer2.frame.size = colourPickerView.frame.size
gradientLayer2.colors = [
    UIColor(red: 1.00, green: 0.00, blue: 0.00, alpha: 1.00).cgColor,
    UIColor(red: 1.00, green: 0.00, blue: 0.00, alpha: 1.00).cgColor,
]
    
gradientLayer2.startPoint = CGPoint(x: 0.0, y: 0.0)
gradientLayer2.endPoint = CGPoint(x: 1, y: 0)
gradientLayer2.cornerRadius = 20
colourPickerView.layer.insertSublayer(gradientLayer2, at: 0)

实际显示的颜色信息：

<CGColor 0x283c8e400> [<CGColorSpace 0x283c989c0> (kCGColorSpaceICCBased; kCGColorSpaceModelRGB; sRGB IEC61966-2.1; extended range)] ( 1 0.14902 0 1 )

纯色背景对比代码 #

let layer = CALayer()
layer.frame.size = colourPickerView.frame.size
layer.backgroundColor = UIColor(red: 1.00, green: 0.00, blue: 0.00, alpha: 1.00).cgColor
colourPickerView.layer.insertSublayer(layer, at: 0)

颜色获取扩展方法 #

extension UIView {
func colorOfPointView(point: CGPoint) -> UIColor {
    let colorSpace: CGColorSpace = CGColorSpaceCreateDeviceRGB()
    let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.premultipliedLast.rawValue)

    var pixelData: [UInt8] = [0, 0, 0, 0]

    let context = CGContext(data: &pixelData, width: 1, height: 1, bitsPerComponent: 8, bytesPerRow: 4, space: colorSpace, bitmapInfo: bitmapInfo.rawValue)

    context!.translateBy(x: -point.x, y: -point.y)

    self.layer.render(in: context!)

    let red: CGFloat = CGFloat(pixelData[0]) / CGFloat(255.0)
    let green: CGFloat = CGFloat(pixelData[1]) / CGFloat(255.0)
    let blue: CGFloat = CGFloat(pixelData[2]) / CGFloat(255.0)
    let alpha: CGFloat = CGFloat(pixelData[3]) / CGFloat(255.0)

    let color: UIColor = UIColor(red: red, green: green, blue: blue, alpha: alpha)

    return color
}
}

解决方案 #

1. 统一颜色空间 #

CAGradientLayer默认使用sRGB ICC颜色空间，而直接设置CALayer背景色时颜色可能直接映射到DeviceRGB空间，导致转换偏差。手动将颜色转换为sRGB空间即可解决：

// 创建sRGB颜色空间实例
let sRGBSpace = CGColorSpace(name: CGColorSpace.sRGB)!
// 将纯红色转换为sRGB空间
let pureRed = UIColor(red: 1.0, green: 0.0, blue: 0.0, alpha: 1.0).cgColor.converted(to: sRGBSpace, intent: .defaultIntent, options: nil)!

gradientLayer2.colors = [pureRed, pureRed]

2. 强制颜色精确映射 #

当两个渐变颜色完全相同时，CAGradientLayer的插值渲染逻辑可能产生浮点精度误差。设置locations属性强制颜色在起始和结束点精确对应：

gradientLayer2.locations = [0.0, 1.0]

3. 修正颜色获取方法的颜色空间 #

当前颜色获取方法使用CGColorSpaceCreateDeviceRGB，与CAGradientLayer的sRGB空间不匹配，修改为sRGB空间可避免转换偏差：

// 将原代码中的CGColorSpaceCreateDeviceRGB替换为sRGB空间
let colorSpace: CGColorSpace = CGColorSpace(name: CGColorSpace.sRGB)!

额外建议 #

如果不需要实际的渐变过渡效果，直接使用CALayer设置背景色即可，完全避免CAGradientLayer的渲染逻辑问题。

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