Color Picker
Pick any color and get instant hex, RGB, and HSL values with one-click copy.
Loading tool…
About this tool
Designers, developers, and paint shoppers all need the same thing: the exact code for the color they are looking at. Pick visually or type a hex value, and this tool shows HEX, RGB, and HSL side by side with copy buttons.
It also keeps a row of your recent colors, so the shade you picked five minutes ago is still one click away.
How to use
- Click the color swatch to open the native picker, or type a hex value.
- Read the HEX, RGB, and HSL readouts.
- Click Copy next to any value; click a recent color to reuse it.
Frequently asked questions
HEX (including 3-digit shorthand like #f53), RGB, and HSL. Enter any valid hex and the other two are derived automatically.
Recent colors last for the current session only — they reset when you reload the page, since nothing is stored on a server.
Yes. Copy any hex value (with or without the #) and paste it into the hex field; the picker and readouts update immediately.
Related tools
Color Palette Generator
Enter a base color to generate complementary, analogous, triadic, and more palettes.
Gradient Generator
Build multi-stop linear gradients with angle control and live preview — CSS ready.