Color Picker

Designers and developers work with colors in several notations at once. CSS wants HEX or RGB, design tools speak HSL, video editors think in HSV. The same color can look like #3B82F6, rgb(59, 130, 246), hsl(217, 91%, 60%), or hsv(217, 84%, 96%) — and converting between them by hand is the kind of thing that always seems to land on the wrong number.

This picker exposes all four at once. Use the visual color input to grab a swatch, type a HEX value, click one of the palette presets, or adjust the HSL sliders. The output updates live in every format. Click Copy to drop the active format onto the clipboard.

The math is straightforward but easy to mess up — RGB-to-HSL needs the proper sRGB-to-linear conversion, and small rounding errors cascade through the chain. This tool keeps all four representations in sync so you can pick whichever fits the next layer of your stack.