@palettebro/color-picker NPM

@palettebro/color-picker

A versatile color picker component library for React applications, supporting multiple color formats and providing an intuitive interface for color selection.

Features

Multiple color format support:
- RGB
- HSL
- LCH
- CSS (Hex, RGB, HSL)
- Tailwind colors
- Pantone colors
- RAL colors

Installation

pnpm add @palettebro/color-picker

Usage

import { ColorPicker } from '@palettebro/color-picker';
import { useState } from 'react';

function App() {
  const [color, setColor] = useState('#FF0000');
  return (
    <ColorPicker
      value={color}
      onChange={(newColor) => setColor(newColor)}
    />
  );
}

export default App;

Props

ColorPicker

Prop	Type	Description
value	`string`	The current color value (hex, rgb, hsl, or lch format)
onChange	`(value: string) => void`	Callback function when color changes. Returns the new color in HEX format