All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      ColorPicker / Keyboard support

      Simple (palette-based) picker:

      Keyboard legend

      • enter, down (when popup is closed) opens the popup
      • left arrow selects previous color
      • right arrow selects next color

       

      • up/down move one row up/down
      • enter select current color
      • escape cancel the selection

      HSV picker:

      Keyboard legend

      • enter, down (when popup is closed) opens the popup
      • arrows update saturation/value in the big rectangle
      • ctrl + left/right update hue slider
      • ctrl + up/down update opacity slider (when opacity present)

       

      • shift hold shift for fine-tuning
      • enter select current color
      • escape cancel the selection

      PHP source

      Also available for:

      • keyboard-navigation.php
      • Widget configuration

      Support & learning resources

      ColorPicker for other technologies