Color Picker

The ShieldUI Color Picker control allows the user to select any color from a large, customizable and flexible color palettes.

It is lightweight, yet fully flexible and intuitive.

View Demo

API and Events

The Color Picker component exposes a compact API and set of events.

Many Layouts

The color palettes are available in many rich layouts, with options varying from a simple color matrix, to more rich ones with additional color code sections, as well as opacity sliders. Thus, depending on your needs, you will be able to choose the most optimal layout.


The ShieldUI Color Picker widget comes with a rich preset of themes, which cover most visual requirements. This allows for easy combination of more than one ShieldUI components on the page, since all schemes have identical color variations across the Suite.