SwiftUI
SwiftUI Colour 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

YOU MIGHT ALSO LIKE...
ConfettiSwiftUI
ConfettiSwiftUI

read more
ConfettiView
ConfettiView

A SwiftUI View that emits confetti with user-defined shapes, images, and text.

read more
ColorPickerRing
ColorPickerRing

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

read more
ASCollectionView
ASCollectionView

This repository is no longer maintained. Here's why: with the release of iOS 16 SwiftUI now enables most of the ...

read more
SwiftClockKit 🕰️✨
SwiftClockKit 🕰️✨

read more
Categories
Tags
Recent Posts
ConfettiSwiftUI
ConfettiSwiftUI
  • July 11, 2025
  • Mins Read
ConfettiView
ConfettiView
  • July 11, 2025
  • Mins Read
SwiftUI Colour Wheel
SwiftUI Colour Wheel
  • July 11, 2025
  • Mins Read
ColorPickerRing
ColorPickerRing
  • July 11, 2025
  • Mins Read
ASCollectionView
ASCollectionView
  • July 11, 2025
  • Mins Read