SwiftUI Colour picker wheel
  • July 11, 2025

A colour wheel made all in SwiftUI.

There are 2 different colour wheels to choose from.

  • The first main one uses CIHueSaturationValueGradient CIFilter to draw itself, then uses RadialGradient and .blur to smooth it out. Named ColourWheel in code.
  • The second one uses SwiftUI’s AngularGradient with all 360 hues to draw the gradient, then a RadialGradient and .blur to smooth it out. Named NewColourWheel in code.

If you would like to use the slider to change brightness/value, use ColourWheel, as NewColourWheel does not support setting value at this point in time.

They both interact the same and output in [Red, Green, Blue] or [Hue, Saturation].

previewjpg

GitHub


View Github

#colorpicker #colorpickerview
YOU MIGHT ALSO LIKE...
Popup View

Floaters Toasts Popups Sheets

Drops 💧

A µFramework for showing alerts like the one used when copying from pasteboard or connecting Apple pencil.

MarqueeText

A SwiftUI Marquee or "scrolling text" effect found in Apple native apps. For when one line isn't enough, but two ...

TextBuilder

Introduction Text composition in SwiftUI can often be cumbersome, especially when there's logic affecting its format and content. TextBuilder leverages the ...

TextView

Download File -> Swift Packages -> Add Package Dependency... Select your project Enter https://github.com/kenmueller/TextView for the package repository URL Select Branch: master Click Finish ...