Intro
The color palette allows users to select a color from a predefined set of colors.
https://www.sap.com/design-system/live-examples/Color_Palette/ColorPalette_LE.html
Color palette – live example
When to Use
Do
Use the color palette:
- If typically need to select a color from a given set of colors.
Don't
Don’t use the color palette:
- If users typically need to select the color freely. Use the color picker instead.
Anatomy
The color picker consists of the following elements:
- Swatch: Single color, part of the palette.
Applications can define the available colors.
Anatomy of a color palette
Related Links
Components
- No links.
Implementation
- Color Palette
(UI5 Web Components documentation) - Color Palette Popover
(UI5 Web Components documentation)
Specifications
- ColorPalette (visual design)
- Color Palette (interaction design)
Components
- No links.
Implementation
- Color Palette
(UI5 Web Components documentation) - Color Palette Popover
(UI5 Web Components documentation)