# casesandberg/react-color

:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

Repository: https://github.com/casesandberg/react-color
Canonical: https://ross.abutalabs.com/products/react-color
Homepage: http://casesandberg.github.io/react-color/
Language: JavaScript
License: MIT
License Family: permissive
Topics: react, react-component, color-picker, sketch, photoshop, chrome, inline-styles
Last push: 2024-01-12T23:19:54+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 4042, "days_push": 964, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 12324, forks 921 (observed 2026-08-28T04:10:52.366383+00:00)

## What it is
A collection of 13 color picker React components styled after Sketch, Photoshop, Chrome, GitHub, Twitter, and more, plus building blocks to create custom pickers. It uses 100% inline styles via ReactCSS and is distributed as an npm package.

## Use cases
- add a color picker to a React app
- recreate the Sketch color picker in my web app
- let users pick colors with a Photoshop-style picker
- build a custom color picker from reusable components
- add a compact color swatch picker to a form
- color picker with alpha transparency support

## When to choose
- you need a ready-made, familiar-looking color picker in a React project
- you want multiple picker styles (Sketch, Chrome, Photoshop, etc.) from one package
- you prefer components with inline styles and no CSS dependencies

## When to avoid
- you are not using React
- you need a headless or fully themeable picker with modern design systems
- you need a framework-agnostic vanilla JS color picker

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, frontend-framework
- domain: web-development, frontend, web-design
- platform: cross-platform
- tags: react, color-picker, react-component, inline-styles, sketch, photoshop, web-server, nodejs

## Member repositories
- casesandberg/react-color (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:52.366383+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:14:09.616901+00:00, confidence not recorded.
  - readme: https://github.com/casesandberg/react-color (fetched 2026-08-28T04:10:52.366383+00:00, sha 1a5981551e53)
  - homepage: http://casesandberg.github.io/react-color/ (fetched 2026-08-29T08:11:40.722342+00:00, sha a635d3452f23)
  - registry_npm: https://registry.npmjs.org/react-color (fetched 2026-08-29T08:11:40.731406+00:00, sha bb4e72b13c33)
- Data as of 2026-08-30T08:39:29.467469+00:00.