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...
MijickPopups Hero

  Popups Alerts Resizable Sheets Banners

SwiftUI Tooltip

This package provides you with an easy way to show tooltips over any SwiftUI view, since Apple does not provide ...

SimpleToast for SwiftUI

SimpleToast is a simple, lightweight, flexible and easy to use library to show toasts / popup notifications inside iOS or ...

SSToastMessage

Create Toast Views with Minimal Effort in SwiftUI Using SSToastMessage. SSToastMessage enables you to effortlessly add toast notifications, alerts, and ...

ToastUI

A simple way to show toast in SwiftUI   Getting Started • Documentation • Change Log