Toolsnest

Color Picker

Pick any colour — from a swatch, hex code, screen eyedropper or an image — and copy it as HEX, RGB, RGBA, HSL, HSV or CMYK. Generate matching palettes (shades, complementary, analogous, triadic) and build CSS gradients. Runs entirely in your browser.

HEX#2563eb
RGBrgb(37, 99, 235)
RGBArgba(37, 99, 235, 1)
HSLhsl(221, 83%, 53%)
HSVhsv(221, 84%, 92%)
CMYKcmyk(84%, 58%, 0%, 8%)

Pick from an image

Palettes

Shades & tints

Complementary

Analogous

Triadic

Gradient generator

background: linear-gradient(90deg, #2563eb, #10b981);

Pick any colour — from a swatch, hex code, screen eyedropper or an image — and copy it as HEX, RGB, RGBA, HSL, HSV or CMYK. Generate matching palettes (shades, complementary, analogous, triadic) and build CSS gradients. Runs entirely in your browser. Color Picker is a free, browser-based tool in the Toolsnest color tools collection — there is nothing to install, no account to create and no watermark on your results. It works on desktop, tablet and mobile, and because the work happens on your own device it stays fast even with large inputs.

How to use the Color Picker

  1. Open the Color Picker — it runs entirely in your browser with no setup.
  2. Paste or type your input into the text area, or upload a file where supported.
  3. Set any options you need, then run the conversion or transformation.
  4. Review the output instantly; large inputs are handled locally without lag.
  5. Copy the result to your clipboard or download it. Your data never leaves the page.

Why use the Color Picker?

  • 100% free with no limits, no sign-up and no watermarks.
  • Private by design — your data are processed in your browser and never uploaded to a server.
  • Fast and lightweight, with instant results even on a phone or a slow connection.
  • Works everywhere — any modern browser on Windows, macOS, Linux, Android or iOS.
  • Part of a full color tools suite, so related color picker tasks are one click away.

Is it private and secure?

Your privacy is built in. The Color Picker runs completely on your device, so whatever you enter stays in your browser and is never transmitted, logged or stored on any server.

Frequently asked questions

Which colour formats are supported?

HEX, RGB, RGBA, HSL, HSV and CMYK — each with a one-click copy button. Values update live as you change the colour.

Can I pick a colour from an image?

Yes. Load an image and click anywhere on it to sample that pixel’s colour. On supported browsers you can also use the screen eyedropper to pick from anywhere on your display.

What palettes can I generate?

Shades and tints, complementary, analogous and triadic harmonies — click any swatch to make it the active colour. You can also build a two-stop CSS gradient and copy the code.

Related tools