Color Picker
HSL color picker.
Pick a color and read its hex/rgb/hsl value.
type · color_picker
Runs entirely in the shell — no backend needed.
How to use it
Just ask for it in chat — the agent emits this widget and the shell renders it:
Try saying
“a color picker that outputs hex”
Example
The agent returns this A2UI component (inside the components array of a /chat response):
color_picker.json
{
"type": "color_picker",
"format": "hex",
"color": "0xFF007AFF"
}Properties
| Prop | Type | Description |
|---|---|---|
format | hex|rgb|hsl | Output format |
color | color | Initial color |
Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.