Color Picker

component

An interactive 360° Color Spectrum Wheel and Color Palette component featuring 2D color picking, lightness & alpha sliders, format toggles (HEX, RGB, HSL), one-click copy, and EyeDropper API support.

pnpm dlx shadcn@latest add "https://avaraui.com/r/color-picker.json"

Sign In

Color Picker

component

An interactive 360° Color Spectrum Wheel and Color Palette component featuring 2D color picking, lightness & alpha sliders, format toggles (HEX, RGB, HSL), one-click copy, and EyeDropper API support.

pnpm dlx shadcn@latest add "https://avaraui.com/r/color-picker.json"

lucide-react

utils

components/custom/color-picker.tsx

lucide-react

utils

components/custom/color-picker.tsx