Color Picker

Color picker with a saturation/brightness area, hue bar, hex input and presets, with keyboard nudging.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">

Prop	Type	Default	Description
defaultValue	`string`	—	—
onValueChange	`(hex: string) => void`	—	—
swatches	`string[]`	`DEFAULT_SWATCHES`	—

$ npx shadcn@latest add https://chromotion.dev/r/color-picker.json