Kendo UI for jQuery

jQuery ColorGradient

  • Give users precise color selection functionality by allowing them to click and pick colors from a gradient.
  • 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.
ColorGradient
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery ColorGradient is one of Kendo UI’s collection of color picker components. Instead of a pallet of predefined colors, it renders a gradient from which users click and pick. Slider inputs for hue and alpha and manual HEX and RGB inputs help users pinpoint the color they desire.

    See the jQuery ColorGradient demo

    ColorGradient - Overview
  • RGB and Hex Formats

    The jQuery ColorGradient provides text input fields for users to select colors in either RBG or Hex formats. Switching them is only a matter of choosing from a drop down.

    See the jQuery ColorGradient RGB and HEX demo

    Colorgradient-RGB-HEX-Switch
  • Contrast Tool

    To assist you in creating accessible web pages, the jQuery ColorGradient includes a contrast tool. This tool will analyze the contrast ratio between two colors, visualize it and output a pass/fail report for WCAG standards.

    See the jQuery ColorGradient Contrast Tool demo

    Contrast Tool-ColorGradient
  • Keyboard Navigation

    The Kendo UI for jQuery ColorGradient comes with support for keyboard navigation out of the box to help users navigate and select colors using just the keyboard.

    See the jQuery ColorGradient Keyboard Navigation demo

    keyboard-navigation