Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Android docs
FormsAndroid

Color picker

Edit controlled native colors with validated text, channels and optional alpha.

Public APILumenColorPickerAndroid / Compose

Native example

Use Color picker

Use bounded hex or rgba values; unsupported CSS strings remain visible as invalid drafts. Hosts own the value and optional named palette. Enable alpha explicitly; latent hue survives black or gray channel edits.

Color picker rendered in the Android phone emulator Lumen playground
Captured exampleAndroid phone emulator
kotlin
LumenColorPicker("Accent color", color, { color = it })

Reference

Public API

The primary shared and platform-specific options exposed by LumenColorPicker.

APIValues or typeDefaultDescription
value / onValueChangeControlled color text / native binding or callbackRequiredRequests canonical color changes without replacing invalid host input.
allowAlpha / palette / labelsBoolean / named swatches / localized labelsfalse / empty / EnglishControls opacity support and accessible channel names.

Native behavior

Design and accessibility

When to use it

Use bounded hex or rgba values; unsupported CSS strings remain visible as invalid drafts. Hosts own the value and optional named palette. Enable alpha explicitly; latent hue survives black or gray channel edits.

Accessibility

Localized channel and palette names, validation feedback and native disabled/read-only controls.

Shared component

Available on other platforms

React NativeApple / SwiftUI
Android docsCompose module