Swiftpack.co - joncardasis/ChromaColorPicker as Swift Package

Swiftpack.co is a collection of thousands of indexed Swift packages. Search packages.
See all packages published by joncardasis.
joncardasis/ChromaColorPicker 2.0.2
:art: An intuitive iOS color picker built in Swift.
⭐️ 558
🕓 1 week ago
.package(url: "https://github.com/joncardasis/ChromaColorPicker.git", from: "2.0.2")

ChromaColorPicker 2.0

An intuitive HSB color picker built in Swift. Supports multiple selection handles and is customizable to your needs.

ChromaColorPicker GIF

Looking for version 1.x? Version 1.x.x can be found on the legacy branch. While the pod is still available, it is deprecated and projects should migrate to 2.0.


let colorPicker = ChromaColorPicker(frame: CGRect(x: 0, y: 0, width: 300, height: 300))

// Optional: Attach a ChromaBrightnessSlider to a ChromaColorPicker
let brightnessSlider = ChromaBrightnessSlider(frame: CGRect(x: 0, y: 0, width: 280, height: 32))

colorPicker.connect(brightnessSlider) // or `brightnessSlider.connect(to: colorPicker)`
  • View the Example app for more.


Multiple Handles

// Add handle at color
let peachColor = UIColor(red: 1, green: 203 / 255, blue: 164 / 255, alpha: 1)
colorPicker.addHandle(at: peachColor)

// Add handle with reference
let customHandle = ChromaColorHandle()
customHandle.color = UIColor.purple

// Add handle and keep reference
let handle = colorPicker.addHandle(at: .blue)

Custom Handle Icon

let homeHandle = ChomaColorHandle(color: .blue)
let imageView = UIImageView(image: #imageLiteral(resourceName: "home-icon").withRenderingMode(.alwaysTemplate))
imageView.contentMode = .scaleAspectFit
imageView.tintColor = .white
homeHandle.accessoryView = imageView
homeHandle.accessoryViewEdgeInsets = UIEdgeInsets(top: 2, left: 4, bottom: 4, right: 4)




github "joncardasis/ChromaColorPicker"


pod 'ChromaColorPicker'


Add all files from the Source folder to your project.


Component Description
ChromaColorPicker An HSB color picker with support for adding multiple color selection handles.
ChromaBrightnessSlider A slider UIControl which can be attached to any ChromaColorPicker via the connect(to:) method. ChromaBrightnessSlider can also function as a stand-alone UIControl.

Supported UIControlEvents

Both ChromaBrightnessSlider and ChromaColorPicker conform to UIControl. Each send UIControlEvents which can be observed via via UIControl's addTarget method.


Event Description
.valueChanged Called whenever the color has changed.
.touchUpInside Called when a handle is released.


Event Description
.touchDown Called when a the slider is grabbed.
.valueChanged Called whenever the slider is moved and the value has changed.
.touchUpInside Called when the slider handle is released.
// Example
brightnessSlider.addTarget(self, action: #selector(sliderDidValueChange(_:)), for: .valueChanged)

@objc func sliderDidValueChange(_ slider: ChromaBrightnessSlider) {
  print("new color: \(slider.currentColor)")


ChromaColorPicker is available under the MIT license. See the LICENSE file for more info.


Stars: 558
Last commit: 1 week ago
Advertisement: IndiePitcher.com - Cold Email Software for Startups

Release Notes

2.0 Rollout
3 years ago

ChromaColorPicker has been rewritten in Swift 5 with an all new UI based on community suggestions! Updated unit test suite and more customization than ever before.

Swiftpack is being maintained by Petr Pavlik | @ptrpavlik | @swiftpackco | API | Analytics