Pixel-accurate picking
An 11×11 magnifier loupe follows your cursor or finger so you can line up precisely on the pixel you want before picking it.
Image Color Picker
Click or tap any pixel in a photo to read its exact HEX, RGB, and HSL color values, right in your browser. A magnified loupe shows the pixel you're about to pick, and the tool keeps a short list of recent colors plus a palette pulled from the image.
Upload an image to pick colors
Click or drag an image here. Picking happens in your browser -- nothing is uploaded to a server.
or drag and drop
Up to 50 MB. JPG, PNG, WebP, AVIF, HEIC, or HEIF.
Why use this color picker?
HEX, RGB, HSL, and a color name
Every pick shows HEX, RGB, and HSL values together with the closest named CSS color, each with its own copy button.
Pick from your whole screen
In Chromium-based desktop browsers that support it, a Pick from screen button lets you sample a color from anywhere on screen, not just the uploaded photo.
How it works
- 1
Upload a photo
Choose or drop an image you want to sample colors from.
- 2
Click, tap, or use the keyboard to pick
Click or tap a pixel, or use the arrow keys (hold Shift to move 10 pixels at a time) and press Enter to pick the highlighted pixel.
- 3
Copy the color you need
Read the HEX, RGB, HSL, and nearest color name, then use the copy button next to the value you want.
What color is this? Reading the values
Every pick shows four things at once: a HEX code like #3a7bd5, the equivalent RGB numbers, the HSL (hue, saturation, lightness) numbers, and the closest matching named CSS color, such as "steel blue." Copy buttons next to each format announce the copy with an on-screen status update, so you can grab exactly the format your design tool or CSS file expects without retyping anything.
Keyboard picking and the magnifier loupe
A click or tap works for quick picks, but zooming in on a small detail is easier with the keyboard: the arrow keys nudge the picker one pixel at a time, holding Shift moves it 10 pixels, and Enter locks in whatever pixel is under the crosshair. The 11×11 magnifier loupe shown while you move the picker makes it possible to land on a single pixel in a busy or low-contrast photo.
Recent colors, a palette, and sRGB accuracy
The tool remembers up to 12 colors you've recently picked and also pulls a palette of up to 8 dominant colors from the whole image, so you can compare several shades at once. Values are read as sRGB, the way your browser decodes the file; a photo saved with an unusual color profile may read slightly differently here than in a color-managed design application, which is normal and not a bug in the picker.
Frequently asked questions
What color is this, exactly?
Click or tap the pixel you're curious about, and the tool shows its HEX, RGB, and HSL values plus the nearest named color immediately.
Can I pick a color from outside the uploaded photo, like another app on screen?
Yes, if your browser is Chromium-based on desktop, such as Chrome or Edge, and supports the EyeDropper API. A Pick from screen button appears in that case; it isn't available on Safari or on most mobile browsers.
Will the color match exactly what I see in Photoshop or another design tool?
Usually, but not always exactly. Values are read as sRGB the way your browser decodes the image, and a photo with an embedded color profile can render very slightly differently in a color-managed application.
Do I need an account to use this?
No. The color picker is free and works without signing up.
Is my photo uploaded anywhere?
No. The image stays in your browser and is never sent to a server.
Can I pick colors with a keyboard instead of a mouse?
Yes. Use the arrow keys to move the picker one pixel at a time, hold Shift to move 10 pixels, and press Enter to select the highlighted pixel.
Related image tools
Advertisements