如何创建包含原颜色提亮X%的渐变效果？

一、自定义Color的lighten扩展（推荐） #

SwiftUI的Color原生没有lighten方法，你可以通过扩展实现这个功能，核心是把Color转成UIKit的UIColor（macOS用NSColor），提取RGB组件后计算提亮后的颜色：

import SwiftUI

extension Color {
    func lighten(amount: CGFloat) -> Color {
        let uiColor = UIColor(self)
        var red: CGFloat = 0, green: CGFloat = 0, blue: CGFloat = 0, alpha: CGFloat = 0
        
        // 提取RGB和透明度值
        uiColor.getRed(&red, green: &green, blue: &blue, alpha: &alpha)
        
        // 提亮每个颜色通道，确保值不超过1.0（颜色值范围是0-1）
        let lightenedRed = min(red + amount, 1.0)
        let lightenedGreen = min(green + amount, 1.0)
        let lightenedBlue = min(blue + amount, 1.0)
        
        return Color(red: lightenedRed, green: lightenedGreen, blue: lightenedBlue, opacity: alpha)
    }
}

扩展写完后，你原来的代码就能正常使用了：

LinearGradient(colors: [someColor, someColor.lighten(amount: 0.1)], startPoint: .top, endPoint: .bottom)

二、手动提取RGB组件计算提亮颜色 #

如果不想写扩展，也可以直接手动提取Color的RGB组件：

// 将SwiftUI Color转为UIColor
let uiColor = UIColor(someColor)
var r: CGFloat = 0, g: CGFloat = 0, b: CGFloat = 0, a: CGFloat = 0

// 提取RGB值
uiColor.getRed(&r, g: &g, b: &b, a: &a)

// 计算提亮10%后的颜色，限制通道值不超过1.0
let lightenedColor = Color(red: min(r + 0.1, 1.0), green: min(g + 0.1, 1.0), blue: min(b + 0.1, 1.0), opacity: a)

// 构建渐变
LinearGradient(colors: [someColor, lightenedColor], startPoint: .top, endPoint: .bottom)

注意事项 #

• 如果你开发的是macOS应用，把代码里的UIColor替换成NSColor即可，getRed方法的用法完全一致。
• amount参数取值范围是0到1，0.1对应提亮10%，如果输入值过大，记得用min限制颜色通道值不超过1.0，避免出现异常颜色。

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