Example 1: Floating Color Picker

Select a Color:

Rectangle control, preview on:

Text link control, preview off: [Select Color]

No control, instead set focus on field:

Please choose a color:

YUI Color Picker Widget

Example 2: Inline Color Picker (always visible)

Select a Color:

Rectangle control, preview on:

Text link control, preview off: [Select Color]

No control:

Set focus on form field, then choose a color: