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.
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.
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.