Keyboard Navigation

The keyboard navigation of the ColorPicker is always available.

The palette-based ColorPicker supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Enter or Down ArrowOpens the popup (if closed).
Left ArrowSelects the previous color.
Right ArrowSelects the next color.
Up Arrow or Down ArrowMoves one row up or down.
`Esc```Cancels the selection.

The HSV ColorPicker supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Enter or Down ArrowOpens the popup (if closed).
ArrowsUpdates the saturation or value in the big rectangle.
Ctrl+Left Arrow and Ctrl+Right ArrowUpdates the hue slider.
Ctrl+Up Arrow and Ctrl+Down ArrowUpdates the opacity slider.
Shift(Holding) Fine-tunes.
EnterSelects the current color.
EscCancels the selection.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?