Progress Telerik UI for ASP.NET Core

ASP.NET Core ColorGradient

  • Give users precise color selection functionality by allowing them to click and pick colors from a gradient.
  • This control is part of the Telerik UI for ASP.NET Core suite along with 110+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
  • Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.
Telerik UI for ASP.NET Core Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for ASP.NET Core ColorGradient component is an intuitive and flexible color selector that enables you to pick a color from a gradient. The ColorGradient includes a slider for hue and alpha, manual HEX and RGB inputs that help users pinpoint the color they desire. It also features a contrast tool that analyzes the contrast ratio between two colors, visualizes it and outputs a pass/fail report for WCAG standards. 

    See the ASP.NET Core ColorGradient demo

    Kendo UI for jQuery ColorGradient Component
  • Disabled State

    Some use cases require the ColorGradient to be disabled (e.g., the data is being used and should be immutable). In such scenarios, you can simply set the corresponding property (Disabled) to get the desired result.


  • Contrast Tool

    Legibility is incredibly important for high-quality UI and one good metric for legibility is the contrast ratio of the page colors on the page. Excellent text readability (AAA level) is achieved at a 7:1 ratio, while the minimum is 4.5:1. In order to avoid picking colors that don’t contrast sufficiently on the page, the Telerik UI for Blazor ColorGradient provides a calculator for computing contrast ratios. You can leverage the calculator to both show users the contrast they need to be striving for and prevent them from selecting a suboptimal color combination.

    See the ASP.NET Core ColorGradient Contrast Tool demo

    Contrast Tool-ColorGradient
  • Keyboard Navigation

    Give your users the opportunity to use the keyboard for almost any action that can be triggered with the mouse, including navigating items, selecting single and multiple items, going into and out of edit mode, paging, and even expanding and collapsing hierarchical grids.


    Keyboard Navigation

All ASP.NET Core Components

Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.