UI for ASP.NET Core

ASP.NET Core ColorGradient

  • Empower users with precise color selection with the Telerik UI for ASP.NET Core ColorGradient component.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for WinForms Ninja
  • 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

    Telerik ASP.NET Core 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

    Telerik ASP.NET Core ColorGradient Component Contrast Tool
  • 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.


    Telerik ASP.NET Core Keyboard Navigation

All ASP.NET Core Components

Next Steps