Telerik UI for ASP.NET Core ColorGradient Overview
- EXAMPLE
 - VIEW SOURCE
 - 
Change Theme
defaultDefault Theme
- Main
 - Main Dark
 - Nordic
 - Ocean Blue
 - Ocean Blue A11Y
 - 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
 - Material 2
 - Material 2 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
 - Main Dark
 
 
Also available for:
CLIENT-SIDE API HTML HELPER APIThe ColorGradient component is part of Telerik UI for ASP.NET Core, 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.
Description
The Telerik UI for ASP.NET Core ColorGradient renders a gradient (a hue and an alpha slider) and inputs to manually enter a desired color.
The ColorGradient control is part of Telerik UI for ASP.NET Core, a professional-grade UI library with 110+ components for building modern and feature-rich web applications. The Telerik UI for ASP.NET Core ColorGradient is a server-side wrapper for the Kendo UI for jQuery ColorGradient component and supports an HtmlHelper and a TagHelper mode.
This example demonstrates a configuration for the ColorGradient in a real-world style scenario.
Functionality and Features
- Formats—The component supports RGB and HEX formats.
 - Contrast Tool—A tool for checking the color contrast ratio between two colors.
 - Accessibility—The ColorGradient is accessible for screen readers and supports WAI-ARIA attributes.
 - Keyboard Navigation—The ColorGradient supports a number of keyboard shortcuts for processing various commands.