background

UI for ASP.NET MVC

ASP.NET MVC FlatColorPicker

  • The FlatColorPicker displays the color-selection panel directly on the page (as opposed to hiding it behind another page element like a button).
  • Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET MVC Suite
  • 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 MVC 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.

    See the ASP.NET MVC FlatColorPicker Views demo

     

    ASP.NET-ColorGradient
  • Disabled

    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.

  • 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 MVC ColorGradient provides a calculator for computing contrast ratios through which users can make the right call.

  • 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 FlatColorPicker in your application through their keyboard.   

     

    Accessibility

All ASP.NET MVC Components

Next Steps