The article focuses on a modern color picker web component that supports a range of color spaces, including sRGB, Display P3, Rec2020, and more. It features automatic gamut detection, allowing users to see which color space contains their chosen color. This is particularly useful for designers and developers who need precise color management across different devices and formats. Users can select from multiple color spaces, such as HSL, LAB, LCH, and OKLAB, and easily convert between them. The interactive 2D color area enhances the selection process, adapting to the active color space. The component includes an eye dropper tool that allows users to pick colors from their screen, though it auto-hides in browsers that don't support this feature. Built with Preact Signals, the component ensures efficient reactivity, while Shadow DOM encapsulation keeps styles isolated. Customization is straightforward, as developers can adjust every part of the picker using CSS parts. The component is also lightweight, relying on tree-shakeable ES modules and utilizing color math from colorjs.io, with no framework dependencies. For those looking to implement it, detailed API references and styling options are available.