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 120+ professionally-designed components.
- Includes support, documentation, demos, virtual classrooms, learning resources and more!
-
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.
-
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
-
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.
-
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.
-
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.
-
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
-
Keyboard Navigation
Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.
