# Color picker

A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.

- ID: `color-picker`
- Import: `animui/color-picker`
- Category: Inputs
- Runtime exports: `ColorPicker`, `default`, `parseColor`, `toHex`
- Declaration: `types/free/components/color-picker.d.ts`
- Type provenance: emitted-original-typescript
- Related: text-morph, slider, popover, segmented-control

```tsx
import { ColorPicker } from 'animui/color-picker';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info color-picker` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ColorPicker, default, parseColor, toHex } from '../registry/components/color-picker/color-picker.js';
export type { ColorFormat, ColorPickerProps, ColorSwatch, Hsva } from '../registry/components/color-picker/color-picker.js';
```