The Advanced Color Picker is a configurable UI block that exposes a color selection UI and outputs the selected color in multiple formats (HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB, LCH). It supports optional UI sections like presets, tints, shades, and a screen eyedropper, making it suitable for design tools, theming panels, and admin configuration screens.

Public inputs

These are the suggested input parameters for the reusable component, based on the demo configuration UI.

• DefaultColor (Text): Initial color value to load in the picker (e.g., #FF2300). Must match the DefaultFormat.
• Width (Text): CSS width of the color picker container (e.g., 360px). Accepts any valid CSS size.
• DefaultFormat (Text/Static Entity): Default output format selected in the format selector (HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, LAB, LCH).