background

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.

     

    ASP.NET-ColorGradient
  • 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.

     

  • Declarative Initialization

    Declarative initialization—a feature that serializes the component declaration as an MVVM declarative configuration instead of an inline initialization script—is supported in Telerik UI for ASP.NET Core FlatColorPicker. It is beneficial in cases when the Content Security Policy (CSP) is enabled as it eliminates the requirement to call the methods that defer the initialization script generated after the component's HTML markup.

    See Telerik UI for ASP.NET Core FlatColorPicker declarative initialization demo

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


     

    Accessibility

All ASP.NET Core Components

Next Steps