ColorPicker

<ui5-color-picker> | Since 1.0.0-rc.12

The ui5-color-picker allows users to choose any color and provides different input options for selecting colors.

Usage

When to use

Use the color picker if:

• users need to select any color freely.

When not to use

• Users need to select one color from a predefined set of colors. Use the ColorPalette component instead.

ES6 Module Import

import "@ui5/webcomponents/dist/ColorPicker.js";

Basic Sample

Properties

value

Description	Defines the currently selected color of the component. Note: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.
Type	string
Default	"rgba(255,255,255,1)"

name

Description	Determines the name by which the component will be identified upon submission in an HTML form. Note: This property is only applicable within the context of an HTML Form element.
Type	string | undefined
Default	undefined
Since	2.0.0

Slots

No slots available for this component.

Events

change

Description	Fired when the the selected color is changed
Type	CustomEvent
Bubbles	Yes
Cancelable	No

Methods

No methods available for this component.

CSS Parts

No CSS parts available for this component.