How to let users select a color with ColorPicker

Paul Hudson @twostraws June 22nd 2020

Updated for Xcode 12.0

New in iOS 14

SwiftUI has a native ColorPicker control that allows the user to select a color. To use it, first create a Color property that can be changed using @State or similar, then

struct ContentView: View {
    @State private var bgColor = Color.white

    var body: some View {
        VStack {
            ColorPicker("Set the background color", selection: $bgColor)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(bgColor)
    }
}

By default ColorPicker support opacity in the color selection, but you can disable that with a slightly different initializer:

ColorPicker("Set the background color", selection: $bgColor, supportsOpacity: false)

Sponsor Hacking with Swift and reach the world's largest Swift community!

How to let users select a color with ColorPicker

Similar solutions…