Color Picker
Pick colors from an image or the spectrum, then copy them as HEX, RGB, HSL, HSV or CMYK. Build a palette as you go — all in your browser.
Source image (optional)
Pick a color
Color codes
Palette
How to pick colors online
- 1
Optionally drop an image and click anywhere on it to sample that pixel's exact color.
- 2
Or use the spectrum and HEX field to dial in a color directly.
- 3
Copy any format — HEX, RGB, HSL, HSV or CMYK — with one click.
- 4
Pin the colors you like to build a palette.
About the Color Picker
Designers and developers constantly need a colour's exact value. Drop in an image and click to sample any pixel, or use the spectrum, then copy the colour as HEX, RGB, HSL, HSV or CMYK and build a palette as you go — perfect for matching a brand colour or extracting a scheme from a photo.
Sample a color from anywhere
Designers and developers constantly need the exact value of a color rather than a rough guess. There are three ways to get one here. Drop in an image and click any pixel to read its color — ideal for matching a brand color from a logo or pulling a scheme out of a photo. Use the spectrum and HEX field to dial in a color directly. Or, in supported browsers like Chrome and Edge, use the eyedropper to grab a color from anywhere on your screen, even outside the page.
Every format you might need
The same color is shown in every common notation, so you can copy whichever one your tool expects with a single click: HEX for CSS and most design apps, RGB for the web and screen work, HSL and HSV when you want to reason about hue, saturation and lightness independently, and CMYK as a reference for print. Seeing them side by side also makes it easy to convert — for example, reading a HEX value as RGB without doing the math yourself.
Build a palette as you go
Single colors are useful, but most projects need a set that works together. As you sample, pin the colors you like to assemble a palette — a quick way to capture a brand's primary and accent colors, or to build a harmonious scheme from the tones in a photograph. Everything, including any image you load, stays in your browser and is never uploaded. Picking colors straight from a picture pairs naturally with the image editor when you're refining the image those colors come from.
Frequently asked questions
Can I pick a color from an image?
Yes — drop an image and click any pixel to sample its exact color. The image stays in your browser.
Which color formats can I copy?
HEX, RGB, HSL, HSV and CMYK. Click the copy icon on any row to copy that value.
Can I pick a color from anywhere on my screen?
In supported browsers (such as Chrome and Edge) an eyedropper button lets you pick a color from anywhere on screen.
Are my images uploaded to a server?
No. Everything runs locally in your browser, so your images never leave your device.
How do I convert HEX to RGB (or HSL)?
Enter or sample a color and every format is shown at once — copy the RGB, HSL, HSV or CMYK value directly, with no math required.
Why is the screen eyedropper button missing?
The screen eyedropper relies on a browser feature available in Chrome and Edge. In other browsers you can still sample colors from a loaded image or the spectrum.