bloxa

Color Picker

FREE

Saturation area, hue slider, hex field, swatches and an eyedropper that picks from the screen.

Installation

Terminal
npx @bloxa/cli add color-picker
# or: npx shadcn@latest add @bloxa/color-picker

Examples

Color picker

#3b82f6

API reference

Every component also accepts the props of the element it renders.

ColorPicker

PropTypeDefaultDescription
value / onValueChangestring / (hex) => void—Hex color.
swatchesstring[]—Presets; [] hides them.
eyeDropperbooleantrueScreen picker button (Chromium).