Color Picker is a form control for choosing a custom color. Use it in theme settings, brand color forms, design editors, chart settings, or any form where users need to pick an exact color value.
Use it for:
- Choosing a custom color through saturation, hue, and optional opacity controls.
- Binding color values in Angular forms or with
ngModel. - Returning color values as
hex,rgb,hsl, orhsv. - Showing a small color preview with
ngs-color-picker-thumbnail. - Opening the picker from a thumbnail, button, or form-field suffix with
ngsColorPickerTriggerFor.
Do not use Color Picker only to display status color, legend color, decorative swatches, badges, or fixed color choices. For a fixed set of colors, use Color Switcher.