1001Ferramentas
๐ŸŽจ Utilities

Color Picker

Pick a color and get its HEX, RGB and HSL values with one click to copy.

HEX #3b82f6
RGB rgb(59, 130, 246)
HSL hsl(217, 91%, 60%)

How to use?

Open the color picker and pick the tone you want. The moment you select it, the HEX, RGB and HSL values show up already updated. To grab any of them, just hit Copy in the format you need.

Related Tools

Pick a colour and copy the code

Building a layout, tweaking CSS or settling on a brand palette, you need the colour's exact code, and its name rarely cuts it. This picker opens a visual palette where you choose the shade you want and get the values ready to use.

The same colour shows up in HEX, RGB and HSL at once, each with a copy button, because every context asks for its own format. HEX suits CSS, RGB an image, and HSL helps when you want to adjust hue and saturation without a headache. Enough to keep colours consistent between design and code without slips.

Selection happens in the browser, no install, and the code goes straight to your clipboard. Good for anyone working with web, design or just hunting down that specific shade.