The keyboard navigation of the ColorPicker is always available.
The ColorPicker supports the following keyboard shortcuts*:
Down Arrow &
|Opens the popup, when the ColorPicker element is focused.
|Closes the popup.
|Moves the focus sequentially through the elements inside of the popup. If the popup is closed, the focus will be moved to the next element on the page.
* All inner components within the ColorPicker popup (like FlatColorPicker, ColorGradient, and ColorPalette) follow their own keyboard navigation behavior when they receive focus.
The following example demonstrates the ColorPicker keyboard navigation.