Color Picker

An HSB color picker with hue and opacity sliders, a hex field, and an eyedropper where the browser supports it.

Preview

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/color-picker

Usage

Import the component from the package:

import { ColorPicker } from "@/components/ui/color-picker"

Then use it in your application:

<ColorPicker />

Examples

Default

Hex only