Kendo UI for jQuery FlatColorPicker Overview

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Kendo UI Dojo
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
    Launch Theme Builder
index.html

Also available for:

API REFERENCE
kendo ui kendoka logo

The FlatColorPicker component is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

Description

The Kendo UI for jQuery FlatColorPicker renders a gradient (a hue and an alpha slider) and inputs to manually enter a desired color.

Features

  • Views—The widgets supports the Palette and the Gradient views.
  • Formats—The widgets supports RGB and HEX formats.
  • Contrast Tool—A tool for checking the color contrast ratio between two colors.
  • Accessibility—The FlatColorPicker is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard Navigation—The FlatColorPicker supports a number of keyboard shortcuts for processing various commands.

You can find additional information on how to use the jQuery FlatColorPicker this section of the product documentation.

Support & Learning Resources

Additional Resources