A tiny, responsive, accessible, and mobile-friendly color picker developed for React and Preact applications.

Components included:

• HexColorPicker
• RgbColorPicker
• RgbaColorPicker
• RgbStringColorPicker
• RgbaStringColorPicker
• HslColorPicker
• HslaColorPicker
• HslStringColorPicker
• HslaStringColorPicker
• HsvColorPicker
• HsvaColorPicker
• HsvStringColorPicker
• HsvaStringColorPicker

Basic usage:

1. Install and import the powerful-color-picker component.

# NPM
$ npm i powerful-color-picker

import { HexColorPicker } from "powerful-color-picker";

2. Add a hex color picker to your app.

const YourComponent = () => {
  const [color, setColor] = useState("#aabbcc");
  return <HexColorPicker color={color} onChange={setColor} />;
};

Preview:

Download Details:

Author: Cong-Hieu

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/Cong-Hieu/powerful-color-picker

License: MIT