Skip to content

Overview

ColorPickerView enables you to obtain HSV colors, ARGB values, and Hex color codes from image drawables or your gallery pictures with a simple tap on the desired color. It offers additional features such as alpha and brightness slider bars, dialog support, and the ability to save and restore selected data.

Key Features

  • HSV Color Palette: Default HSV color wheel with full color spectrum
  • Custom Palettes: Use any drawable image as a color palette
  • Color Values: Get colors as integer, hex code, or ARGB array
  • Alpha Slider: Adjust transparency with AlphaSlideBar
  • Brightness Slider: Control brightness with BrightnessSlideBar
  • Dialog Support: Built-in ColorPickerDialog for quick integration
  • FlagView: Display selected color information with customizable flags
  • State Persistence: Save and restore color picker states automatically
  • Gallery Integration: Pick colors from gallery images

Who's using ColorPickerView?

ColorPickerView is used by thousands of Android applications worldwide for color selection functionality.

Featured on Google Dev Library

ColorPickerView is featured on the Google Dev Library, recognized for its quality and usefulness in the Android development community.

Quick Start

Add the dependency below to your module's build.gradle file:

Maven Central

dependencies {
    implementation("com.github.skydoves:colorpickerview:2.4.0")
}

dependencies {
    implementation("com.github.skydoves:colorpickerview:2.4.0")
}

Basic Example

XML Layout

<com.skydoves.colorpickerview.ColorPickerView
    android:id="@+id/colorPickerView"
    android:layout_width="300dp"
    android:layout_height="300dp" />

Kotlin/Java

val colorPickerView = findViewById<ColorPickerView>(R.id.colorPickerView)
colorPickerView.setColorListener(ColorEnvelopeListener { envelope, fromUser ->
    // Get color values
    val color = envelope.color
    val hexCode = envelope.hexCode
    val argb = envelope.argb
})

ColorPicker Compose

If you're looking to implement a color picker in your Jetpack Compose project, you can use colorpicker-compose instead.

AlphaSlideBar BrightnessSlideBar
ColorPickerDialog Custom FlagView