The FlatColorPicker displays a color-selection panel directly on the page without hiding it behind a popup or another page element. It is one of several fully featured color controls within the UI suite that integrates seamlessly into any web content like forms and editors.
The component features two different views that let you control how the FlatColorPicker is rendered. Use the gradient view when you want to offer users complete freedom to easily browse for any color. Use the palette view when you want to display a limited set of colors.
Good contrast is a critical factor in UI readability and legibility, ensuring access to your UI for all users. For example, the recommended minimum contrast ratio is 4.5:1 while the optimal is 7:1. In order to prevent users from selecting colors that are too similar, Telerik UI for Blazor ColorGradient provides a calculator for computing contrast ratios through which users can make the right call.
For scenarios that require you to make your color component immutable, the FlatColorPicker allows you to disable it so that users can’t modify its value.
The Semantic HTML approach and the support of accessibility standards like WCAG, Section 508, and WAI-ARIA attributes for screen readers make it easier for users with disabilities to utilize the ASP.NET Core FlatColorPicker.
Our control comes with a built-in keyboard navigation support that allows users to easily interact with the DropDownList in your application through their keyboard.