<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