ASP.NET Core Color Picker Control | Color Palette

Overview

The ASP.NET Core Color Picker control allows you to pick colors either by selecting them from the color picker container or by adjusting the hue and opacity. It supports inline mode, palette customization, and localization for seamless integration into forms.

ASP.NET Core Color Picker Code Example

Easily get started with the ASP.NET Core Color Picker using a few simple lines of HTML code as demonstrated below. Also explore our ASP.NET Core Color Picker Example that shows you how to render and configure the Color Picker in ASP.NET Core.

@page
@using Syncfusion.EJ2
@section ControlsSection{
    <div class="control-section">
        <div id="default-control">
            <h4>Choose a color</h4>
            <ejs-colorpicker id='color-picker'></ejs-colorpicker>
        </div>
    </div>
}

Custom Color Picker/Palette

Color Picker and palette can be customized in multiple ways. The standalone color palette can be used in a page individually instead of the dropdown mode.

Recent color support

You can view the most recently selected color in the Color Picker. This feature is available exclusively in palette mode.

Forms support

Seamlessly supports HTML forms, template-driven forms (Angular), and reactive forms.

Themes

The ASP.NET Core Color Picker supports several built-in themes such as material, bootstrap, fabric (office 365), and high contrast. The users can customize any one of these built-in themes or create new themes to achieve their own desired look and feel either by simply overriding SASS variables or using our Theme Studio application with ease.

• Theme studio Application

Developer-friendly APIs

Developers can customize all UI elements and the behaviors of the Color Picker using its rich set of client-side APIs according to the requirement of the end users.