iOS应用RGB颜色混合求和结果异常问题求助

核心问题分析 #

你遇到的问题本质是混淆了两种颜色混合模式：

• 你的代码实现的是屏幕光的加色法平均混合：直接对RGB分量取平均，这符合屏幕显示的颜色混合逻辑，但和颜料混合（减色法）的结果完全不同。
• 你预期的黄色+蓝色=绿色是颜料减色法混合的结果，这种模式需要在CMYK或Lab等颜色空间下计算，再转回RGB。

另外，你的当前结果0.5 0.639216 0.5说明你传入的黄色和蓝色并非标准RGB值：比如黄色可能是(1, 0.278, 0)，蓝色是(0, 1, 1)，两者平均后才会得到这个结果，建议先打印确认你使用的颜色实际RGB值。

解决方案 #

方案1：实现颜料减色法混合效果 #

我们需要将颜色转换到CMYK空间进行平均，再转回RGB，这样就能得到类似颜料混合的结果。

首先给UIColor添加扩展，实现RGB与CMYK的转换：

extension UIColor {
    // 获取sRGB标准下的RGBA值（避免颜色空间差异导致的误差）
    func sRGBRGBA() -> (red: CGFloat, green: CGFloat, blue: CGFloat, alpha: CGFloat) {
        guard let sRGBSpace = CGColorSpace(name: CGColorSpace.sRGB),
              let convertedCGColor = self.cgColor.converted(to: sRGBSpace, intent: .defaultIntent, options: nil) else {
            return (0, 0, 0, 1)
        }
        var r: CGFloat = 0, g: CGFloat = 0, b: CGFloat = 0, a: CGFloat = 0
        UIColor(cgColor: convertedCGColor).getRed(&r, green: &g, blue: &b, alpha: &a)
        return (r, g, b, a)
    }
    
    // 转换为CMYK分量
    func cmykComponents() -> (cyan: CGFloat, magenta: CGFloat, yellow: CGFloat, key: CGFloat) {
        let (r, g, b, _) = sRGBRGBA()
        let key = 1 - max(r, g, b)
        
        guard key != 1 else {
            return (0, 0, 0, 1)
        }
        
        let cyan = (1 - r - key) / (1 - key)
        let magenta = (1 - g - key) / (1 - key)
        let yellow = (1 - b - key) / (1 - key)
        
        return (cyan, magenta, yellow, key)
    }
    
    // 从CMYK分量创建UIColor
    static func fromCMYK(cyan: CGFloat, magenta: CGFloat, yellow: CGFloat, key: CGFloat, alpha: CGFloat = 1) -> UIColor {
        let red = (1 - cyan) * (1 - key)
        let green = (1 - magenta) * (1 - key)
        let blue = (1 - yellow) * (1 - key)
        return UIColor(red: red, green: green, blue: blue, alpha: alpha)
    }
}

然后修改你的mixColors函数，使用CMYK空间混合：

func mixColors() {
    mixedColor = nil
    guard !selectedColors.isEmpty else { return }
    
    var totalCyan: CGFloat = 0
    var totalMagenta: CGFloat = 0
    var totalYellow: CGFloat = 0
    var totalKey: CGFloat = 0
    
    for color in selectedColors {
        let uiColor = UIColor(color)
        let (cyan, magenta, yellow, key) = uiColor.cmykComponents()
        
        totalCyan += cyan
        totalMagenta += magenta
        totalYellow += yellow
        totalKey += key
    }
    
    let count = CGFloat(selectedColors.count)
    let avgCyan = totalCyan / count
    let avgMagenta = totalMagenta / count
    let avgYellow = totalYellow / count
    let avgKey = totalKey / count
    
    let mixedUIColor = UIColor.fromCMYK(cyan: avgCyan, magenta: avgMagenta, yellow: avgYellow, key: avgKey)
    mixedColor = Color(mixedUIColor)
}

方案2：保留加色法平均混合（修正颜色空间） #

如果你确实需要屏幕光的平均混合，只需确保获取的是标准sRGB的RGB值，避免颜色空间差异导致的误差：

修改原函数的颜色获取部分：

func mixColors() {
    mixedColor = nil
    guard !selectedColors.isEmpty else { return }
    
    var totalRed: CGFloat = 0
    var totalGreen: CGFloat = 0
    var totalBlue: CGFloat = 0
    
    for color in selectedColors {
        let uiColor = UIColor(color)
        let (red, green, blue, _) = uiColor.sRGBRGBA()
        
        totalRed += red
        totalGreen += green
        totalBlue += blue
    }
    
    let count = CGFloat(selectedColors.count)
    let mixedRed = totalRed / count
    let mixedGreen = totalGreen / count
    let mixedBlue = totalBlue / count
    
    mixedColor = Color(UIColor(red: mixedRed, green: mixedGreen, blue: mixedBlue, alpha: 1.0))
}

验证步骤 #

先确认你使用的黄色和蓝色的实际RGB值，添加打印代码：

for color in selectedColors {
    let (r, g, b, _) = UIColor(color).sRGBRGBA()
    print("实际RGB值：\(r), \(g), \(b)")
}

如果你的黄色是标准RGB(1,1,0)，蓝色是标准RGB(0,0,1)，加色法平均会得到(0.5,0.5,0.5)（灰色），而减色法混合会得到(0,1,0)（纯绿色），符合你的预期。

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