ChromaPanel: Open-Source React Color Picker With OKLCH, Gradients, and Eyedropper Support

ChromaPanel is an open-source React color picker library designed for production use in 2026, offering five picking modes including gradients, an eyedropper, and image color sampling. It supports modern CSS color formats such as OKLCH and Display P3, alongside traditional HEX, RGB, and HSL. The library integrates with native HTML forms and React form libraries, supporting attributes like required and disabled, making it suitable for settings pages, SaaS dashboards, and admin panels. ChromaPanel follows standard controlled and uncontrolled React patterns, with separate onChange and onChangeComplete callbacks to distinguish live UI updates from expensive operations like API calls. It is available on npm, ships with zero runtime dependencies, includes TypeScript support, and requires no additional provider or stylesheet for basic setup.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)
Log in to join the discussion and vote.
Log in