UI for ASP.NET Core

ASP.NET Core FlatColorPicker

  • The ASP.NET Core FlatColorPicker displays a color-selection panel directly on the page.
  • 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 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.

    Check out the ASP.NET Core FlatColorPicker demo

    Flat ColorPicker
  • Gradient & Palette Views

    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.


  • Contrast Tool

    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.


  • Disabled State

    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.


  • Keyboard Navigation & Accessibility

    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.   



All ASP.NET Core Components

Next Steps