Image color picker
Click anywhere on a picture to read the exact color as HEX, RGB, HSL or CMYK, then copy it. You can also pull a palette out of the image. Everything runs in your browser, so the picture is never uploaded.
Updated
Drop files here or choose files
Your files stay on this device. Nothing is uploaded. You can also paste an image.
Your files are processed in your browser and never leave your device.
- Batch friendly
- Works on any device
- No account needed
How to pick a color from an image
- Add your imageChoose, drop or paste a JPG, PNG, WebP, AVIF, GIF or BMP file. It opens right away and stays on your device.
- Click the color you wantClick or tap the picture. The magnifier shows the pixels around the pointer, and you can drag to scan across the image. Arrow keys move the picker one pixel at a time.
- Copy the valuePress the copy button next to HEX, RGB or HSL. Your last 10 colors are kept below, and you can copy them all at once.
What is an image color picker?
An image color picker reads the color of a single pixel in a picture and shows it as a code you can use in a design or in CSS. The quick answer: open the image, click the spot you want, and copy the HEX code, for example #F2BE22.
This tool samples the original pixels of your file, not a shrunken preview, so a click on a 6000 pixel wide photo reads the real pixel under the pointer. The 8x magnifier with a pixel grid helps you land on the exact pixel, which matters on edges and small details.
A color can be written several ways. HEX is the six digit code used in web design. RGB gives the red, green and blue amounts from 0 to 255. HSL gives hue, saturation and lightness, which is easier to adjust by hand. CMYK is shown as an estimate for print work.
How accurate are the colors?
The values are exact for the pixel you pick, read in sRGB, the color space of the web. A photo with a different color profile, such as Display P3, can differ by a point or two from what a desktop app reports for the same pixel, because apps convert profiles in different ways.
JPG photos are compressed, so neighboring pixels carry small color noise. If you need the color of a wall, a shirt or a sky, click a few places in a flat area and compare, or use the palette, which averages many pixels.
- Transparent pixels are marked as transparent. The readout then adds an alpha value, and you get both a 6 digit and an 8 digit HEX code.
- Photos taken upright on a phone are shown the right way up, and the picker follows the same orientation.
- Large photos are fine. Only the pixel under the pointer is read, not the whole picture.
Make a color palette from an image
Press Extract palette to get the main colors of the picture, sorted by how much of the image they cover, with a percentage for each. Choose 5, 6, 8 or 10 colors. A smaller number gives broad, clean swatches, a larger one picks up the accents.
Click a swatch to copy its HEX code, or copy the whole palette as CSS variables, JSON or a plain list. The palette is built from a reduced copy of the image, so it is quick even for big photos, and nearly transparent pixels are ignored.
Pick a color from anywhere on your screen
In Chrome, Edge and other browsers that support the EyeDropper feature, a Pick from screen button appears. It lets you click a color in any window, not only in the image you loaded. In browsers without it, the button is hidden and the image picker works the same as before.
Questions
How do I get the HEX code of a color in an image?
Add the image, click the color, and press the copy button next to HEX. The code is six characters after a hash sign, such as #3A7BD5. The same click also gives you the RGB, HSL and CMYK values.
Is my image uploaded anywhere?
No. The picture is read and sampled inside your browser. Nothing is sent to a server, and closing the page clears it.
Why is the color different in Photoshop or Figma?
Usually it is a color profile difference. This tool reports sRGB values. A design app that works in Display P3 or another profile converts the pixel differently, which can shift a value by a point or two.
Can I pick a color from a transparent PNG?
Yes. Transparent areas show a checkerboard. If you click a transparent pixel, the tool tells you it is transparent and gives the alpha value along with the HEX code with and without alpha.
Can I use an iPhone HEIC photo?
Not directly, because browsers cannot read HEIC reliably. Convert the photo with the HEIC to JPG tool first, then pick colors from the JPG.
Can I pick a color from my screen, not only from a file?
In Chrome and Edge, yes, with the Pick from screen button. Other browsers do not offer it yet, so there you can take a screenshot and open that image in the picker.