ASP.NET Core Color Picker

Overview

Follow your artistic urge and select the right color from a variety of color palette coming with the Telerik ASP.NET Core ColorPicker control. With support for both a predefined color palette, as well as a gradient color selector, thе ColorPicker can fit any requirements for color selection in your apps.

See the ASP.NET Core ColorPicker in action
Flat ColorPicker

You can render the color picker container alone. The ASP.NET Core ColorPicker allows you to access the palette directly without opening the popup.
Palettes & Presets

The Telerik ASP.NET Core ColorPicker and palette can be customized in numerous ways. You can use the standalone color palette in a page individually instead of the dropdown mode or take advantage of the variety of preset palettes that best fit the requirements of your application.

See how Palettes work in ASP.NET Core ColorPicker Demo
Server- and Client-side API

Use the rich server- and client-side API found within the ColorPicker component to implement specific app scenarios. The available public methods, properties and events provide robust functionalities such as enable/disable set/get value and open/close the picker and more. Check out the entire list on our documentation page.
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 ColorPicker. 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 ColorPicker declarative initialization demo
HTML & Tag Helpers

Telerik UI for ASP.NET Core ColorPicker offers two options for declaring UI components – through HTML or Tag Helpers. You can choose which approach to use based on preference, technology background or team development practice. Both HTML and Tag helpers allow your users to select color to any form with a simple and easy-to-read HTML-like or Razor syntax.
Keyboard Navigation

The ASP.NET Core ColorPicker component provides keyboard navigation features to allow anyone to use it. Users can easily focus the element of the ColorPicker and iterate through them by several key bindings.