- Docs
- components
- Color Primitves
Color Primitves
🚧 Primitives for color selection
Preview
Code
Installation
CLI
Copy & Paste
NPM
PNPM
Bun
Yarn
npx shadcn@latest add https://backchanel.com/default/colorColor Area
A color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
Preview
Code
Color Slider
A color slider allows users to adjust an individual channel of a color value.
Preview
Code
Color Swatch Picker
A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
Preview
Code
Color Wheel
A color wheel allows users to adjust the hue of an HSL or HSB color value on a circular track.
Preview
Code