Color Picker Input

A color picker with HEX/RGB/HSL support, presets, and recent colors history

Open in
registry:ui
class-variance-authoritylucide-react
Demo
Interactive demonstration of the Color Picker Input component

Presets

Choose your primary brand color

Installation
Add this component to your project

Using CLI

npx shadcn@latest add @chisom-ui/color-picker-input

Dependencies

npm install class-variance-authority lucide-react
Files
Component files included in this package
  • registry:uiregistry/new-york/ui/color-picker-input.tsx