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.
See the ASP.NET MVC FlatColorPicker Views demo
When you need to make your component immutable, the FlatColorPicker allows you to disable it so you can prevent users from interacting with the component.
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 MVC ColorGradient provides a calculator for computing contrast ratios through which users can make the right call.
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 FlatColorPicker in your application through their keyboard.