What it does
React Color provides a collection of colour-picker components for React. The package includes compact and swatch layouts, hue and alpha controls, and interfaces inspired by familiar design applications. Building blocks support custom picker compositions. The package is available under MIT, with its copyright and permission notices retained when redistributed.
Import the component that matches the task. SwatchesPicker offers a set of choices, while dedicated HuePicker and AlphaPicker components focus on a single adjustment. SketchPicker is the repository’s introductory example; these names describe picker styles.
The onChangeComplete documentation shows a callback receiving the chosen colour and using its hex value to update application state. This gives a developer a concrete route from the widget’s selection to the value the application stores.
The supplied components use ReactCSS inline styles. A project that centralizes appearance in stylesheets therefore needs to account for that styling approach when integrating the picker. The package’s MIT licence permits modification and redistribution with its notices retained.
Strengths
- Several picker shapes are available through named imports.
- Building-block components allow a custom composition.
Watch out for
- The supplied pickers use ReactCSS inline styling.
Best for
- React applications adding a colour-selection interface.
Sources
- GitHub - casesandberg/react-color: :art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more · GitHub (Oct 28, 2026)
- react-color/docs/documentation/03.03-onChangeComplete.md at master · casesandberg/react-color · GitHub (Oct 28, 2026)
- react-color/LICENSE at master · casesandberg/react-color · GitHub (Oct 28, 2026)