<color-input>
A standalone web component color picker built with colorjs.io and Preact Signals.
It's meant to be easy to drop into any app while still supporting modern CSS color workflows:
- modern CSS color syntax, including wide-gamut spaces
- inline text editing, numeric inputs, sliders, and a 2D area picker
- automatic conversion between editing spaces
- popover UI, anchor positioning, and Shadow DOM + CSS parts
- gamut detection, contrast readouts, copy, and EyeDropper support
Try on CodePen, use it inline, or get it on NPM
Made with by nerdy.dev