Form Controls
Color Picker
Color picker for React and shadcn/ui with hue, saturation, and lightness sliders, hex or HSL input, and preset swatches.
Updated
Color Preview
Experience your color palette in action. This preview showcases your selected colors.
background
foreground
card
card-foreground
popover
popover-foreground
primary
primary-foreground
secondary
secondary-foreground
muted
muted-foreground
accent
accent-foreground
destructive
destructive-foreground
border
input
ring
Color Picker is a popover-based React component for shadcn/ui. Use it in theme editors, design tools, or settings pages where users choose brand or accent colors.
References
Installation
pnpm dlx shadcn@latest add @cult-ui/color-picker