Kendo UI for jQuery

jQuery ColorPicker

  • Provide users with a predefined palette or a free-form gradient for a great UX when selecting colors.
  • Part of the Kendo UI for jQuery library along with 100+ professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
ColorPicker
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for jQuery Color Picker component provides users with a sleek and intuitive way to select and interact with colors from any jQuery web page. The component offers you to let users choose between a set of predetermined colors in a palette or select their own color from a gradient control.

    See the jQuery ColorPicker Overview demo

    jquery-colorpicker-overview
  • Contrast Tool

    Help users achieve the contrast their requirements or standards dictate with this convenient contrast tool. It will automatically analyze the contrast between the foreground and background colors.

    See the jQuery ColorPicker Contrast Tool demo
  • Gradient and Palette Views

    The jQuery ColorPicker offers users the option to choose colors from a defined palette or a more specific gradient picker for a more custom color choice. You can choose to include one or both in the same instance. 

    See the jQuery ColorPicker Views demo
    RedesignedColorPicker
  • Flat ColorPicker

    Present all the colors on the HSV color spectrum on a gradient and slider that allow users to slick or tap the exact color they like.

    See the jQuery Flat ColorPicker demo

    colorpicker-flat-colorpicker
  • Standalone Palette

    Use the jQuery ColorPicker to suggest a specific palette of colors a user should choose from. A common example is choosing from available colors when ordering a product.

    See the jQuery ColorPicker Standalone Palette demo

    colorpicker-palettes
  • Palette Presets

    The jQuery color picker has a collection of palettes built-in for your convenience. If your needs are more unique, you can create your own.

    See the jQuery ColorPicker Palette Presets demo

  • Toggleable RGB and HEX Inputs

    Choose how you would like users to input colors. By setting a simple property, procide users with RGB or HEX inputs. 

    See the jQuery ColorPicker RGB and HEX demo
    RGB-HEX
  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery ColorPicker Keyboard Navigation demo

    keyboard-navigation