Color Picker & Palette

Pick a color visually or type in a HEX code, and this tool shows the equivalent RGB and HSL values side by side — the three formats most commonly needed across CSS, design tools, and image editors — each with a one-click copy.

It also generates a row of progressively darker shades of your chosen color, useful for building a consistent palette for buttons, hover states, or a brand color scale without guessing at the numbers.