How to read the red, green, blue, and alpha color components from a UIColor

Swift version: 5.1

Paul Hudson @twostraws May 28th 2019

Creating a UIColor from red, green, blue, and alpha (RGBA) is easy enough:

let color = UIColor(red: 0.8, green: 0.1, blue: 0.5, alpha: 1)

But when you want to read those values back, you need to do a little more work. UIColor has a built-in method called getRed(), which unpacks the RGBA values into variable floats – you need to create four variables first, then pass them in by reference:

var red: CGFloat = 0
var green: CGFloat = 0
var blue: CGFloat = 0
var alpha: CGFloat = 0

color.getRed(&red, green: &green, blue: &blue, alpha: &alpha)

When that runs, red will have 0.8, green will have 0.1, and so on.

Because this is a pain to use you might find it best to wrap it up in an extension:

extension UIColor {
    var rgba: (red: CGFloat, green: CGFloat, blue: CGFloat, alpha: CGFloat) {
        var red: CGFloat = 0
        var green: CGFloat = 0
        var blue: CGFloat = 0
        var alpha: CGFloat = 0
        getRed(&red, green: &green, blue: &blue, alpha: &alpha)

        return (red, green, blue, alpha)
    }
}

Now you can use color.rgba to get back a tuple of all four color values.