ColorPickerRing - Custom Color picker swiftUI

Colour SwiftUI

ColorPickerRing – Custom Color picker swiftUI

July 11, 2025

78367183-f6531780-75c1-11ea-8829-f288241c0d49

A color picker implementation with color wheel appearance written in plain SwiftUI. It is compatible with UIColor and NSColor.

Usage

Add this repository as a Swift Package Dependency to your project. You find the option in Xcode unter “File > Swift Packages > Add Package Dependency…”. Paste the HTTPS reference to this repo and you’re done!

After importing the module: Simply use the ColorPickerRing structure which is a regular SwiftUI View. This project uses the DynamicColor dependency which lets you write plattform independant color classes. No matter if iOS or macOS. Internally it uses UIColor and NSColor.


                                              
                                                import SwiftUI

import ColorPickerRing
struct ContentView: View {

@State var color = UIColor.red
var body: some View {

ColorPickerRing(color: $color, strokeWidth: 30)

.frame(width: 300, height: 300, alignment: .center)

}

}

The color wheel will take all the space it can get unless you frame it to a custom size. You are also able to specify the strokeWidth of the color wheel over the given property.

Usage with SwiftUI Color

As the native SwiftUI Color is implemented as a view rather than a model data structure it won’t be used as data structure in the future. This is conforming with the indices provided by Apple: They implemented a @frozen property for their Color class which could be interpreted that they won’t provide any further interfaces for data extraction to their Color view class.

GitHub

View Github

#colorpicker #colorpickerview

YOU MIGHT ALSO LIKE...

August 1, 2025
SwiftUI

FigmaPreviewSwiftUI

A Figma component preview for your SwiftUI views. You can use Figma components instead of real views within your app ...

August 1, 2025
SwiftUI

SafePreviewDevice

Motivation At WWDC 2019, Apple announced SwiftUI a new library for building UI in a simple and fast way. Xcode’s ...

August 1, 2025
SwiftUI

PreviewView

Make use of SwiftUI previews for rapidly prototyping your UIViewControllers and UIViews! The SwiftUI preview canvas is tied to a specific version of ...

August 1, 2025
SwiftUI

PreviewDevice

Requirements Dev environment: Xcode 13+, macOS 12+ iOS 13.0+, macOS 10.15+, Mac Catalyst 13.0+, tvOS 13.0+, watchOS 6.0+ Usage

August 1, 2025
SwiftUI

SwiftUIWheelPicker

Horizontal wheel picker for SwiftUI Requirements iOS 13.0+ Installation CocoaPods