An interactive color picker component built with React Colorful, featuring RGB, HSV, and hex color support. Includes color panel selection, hue slider, hex input field, clipboard integration, and eyedropper tool for precise color selection.
This interactive color picker component demonstrates advanced color selection with React Colorful integration, perfect for design tools, theme customizers, and web applications requiring precise color management.
The raw color picker implementation provides essential color selection functionality with RGB, HSV, and hex support, ideal for developers seeking lightweight color picker solutions.
npx uilayouts@latest add color-picker
| Props | Type | Default | Description |
|---|---|---|---|
color | string | — | The current color value. |
onChange | (color: string) => void | — | Callback fired when the color is changed. |
label | string | — | Label displayed above the color picker. |
isEyeDroppper | boolean | false | Whether to enable the eyedropper feature. |
className | string | false | Whether to enable the eyedropper feature. |