The React color picker with every mode built in.

Five ways to pick a color, an eyedropper, and a form control that behaves like an input. No dependencies, no provider, no CSS import.

npm install chroma-panel

22.2 kB gzippedzero dependenciesMITReact 16.14+

Hue around, saturation out from the centre.

Hex

Every channel, in RGB, HSL or HSB.

Hex

A 120-colour grid of ready-made swatches.

The built-in swatch sets, or your own brand colours.

Drop in a photo and sample the colours out of it.

Drop an image hereor click to choose a file

React color picker components: wheel, sliders and palettes