ASP.NET MVC ColorGradient Overview

The Telerik UI ColorGradient HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI ColorGradient widget.

The ColorGradient is a component that renders a gradient color palette. It has a hue and an alpha slider and provides an input that allows you to enter a color or copy the selected one.

Telerik UI for ASP.NET MVC Ninja image
New to Telerik UI for ASP.NET MVC?

Telerik UI for ASP.NET MVC is 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.

Initializing the ColorGradient

The ColorGradient is usually used as a color editor. The following example demonstrates how to define the ColorGradient.

        .Name("colorGradient") // The name of the ColorGradient is mandatory. It specifies the "id" attribute.

Basic Configuration

The ColorGradient provides default configuration options such as input, format, opacity, and so on.

The following example shows a basic implementation of the control.


Functionality and Features

  • Formats—The ColorGradient supports both RGB and HEX input formats.
  • Contrast Tool—You can use the Color Contrast Tool that is built into the ColorGradient to check the color contrast ratio between two colors.
  • Accessibility—The ColorGradient is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.

Next Steps

See Also

In this article