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.
FormsApple
Color picker
Edit controlled native colors with validated text, channels and optional alpha.
Apple availability
Supported native targets
Import LumenUI in the target that uses this component. iPad support follows the iOS package baseline and uses native iPad layout behavior.
iPhone · iOS 16+iPad · iPadOS 16+Mac · macOS 13+Apple Vision · visionOS 1+
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.
LumenColorPicker("Accent color", value: $color)Reference
Public API
The primary shared and platform-specific options exposed by LumenColorPicker.
| API | Values or type | Default | Description |
|---|---|---|---|
| value / onValueChange | Controlled color text / native binding or callback | Required | Requests canonical color changes without replacing invalid host input. |
| allowAlpha / palette / labels | Boolean / named swatches / localized labels | false / empty / English | Controls opacity support and accessible channel names. |
Native behavior
Design and accessibility
Accessibility
Localized channel and palette names, validation feedback and native disabled/read-only controls.
Shared component