Colour input — the swatch opens a picker

Expected: each control below paints as a small swatch of its colour. Clicking a swatch opens the shell's colour picker on that colour; moving the picker recolours the swatch live; Cancel (or Escape) puts the original colour back; OK keeps the choice.

The engine draws no picker of its own. If nothing opens, the shell is not handling the picker request — check the other pages only after this one works.

Any CSS notation is accepted, and lands as #rrggbb

Expected: all four swatches are the same purple. The control's value is sanitised to #663399 whatever notation the attribute used; an unparsable value is black.

Disabled, and readonly (which does not apply)

Expected: the disabled swatch is greyed and opens nothing. The readonly one still opens a picker — readonly does not apply to colour inputs, unlike the date kinds.

Activation without the mouse

Expected: clicking the label text below opens the picker for its control. Tab to a swatch and press Enter or Space: the picker opens from the keyboard too.