Find the color code in an image
Upload an image or paste a screenshot, then click a pixel: you get its HEX, RGB, HSL and CMYK codes, ready to copy. The image stays on your device.
- Free
- HEX, RGB, HSL, CMYK
- Pixel-precise magnifier
- 6-color palette
100% private — Everything is processed directly in your browser: your files, voice, and image are never sent to Chatzam's servers.
How do you find the color code in an image?
-
Upload the image
Drop a photo, a logo or a mockup, or paste a screenshot directly.
-
Click the color
The magnifier enlarges the area under the cursor so you can hit exactly the pixel you want.
-
Copy the code
Copy the format you need in one click: HEX for the web, RGB, HSL or CMYK.
Every color in an image, as a code
Pixel-precise magnifier
Even on a fine detail, a logo stroke or a border, you can see exactly which pixel you're about to pick.
Dominant palette
The 6 main colors of the image are extracted automatically, to reuse a logo's brand colors or the mood of a photo.
Eyedropper for the whole screen
In Chrome and Edge, pick a color anywhere on your screen, even outside the page, with the browser's eyedropper.
Picker and history
Choose any color freely, see its conversions and find the colors you've already picked in the history, kept in this browser.
HEX, RGB, HSL: understanding color codes
On a screen, every color is a mix of red, green and blue, each rated from 0 to 255, giving 256 × 256 × 256 = 16,777,216 possible colors. The RGB code writes them in decimal: rgb(255, 87, 51) is a bright orange. The HEX code writes the same three values in hexadecimal, with two characters each: #FF5733, because FF = 255, 57 = 87 and 33 = 51. HSL describes the same color differently: a hue on the color wheel from 0 to 360°, plus saturation and lightness as percentages, here hsl(11, 100%, 60%). HSL is handy for creating a lighter or darker variant by changing only the lightness.
CMYK for printing
A printer doesn't mix light but inks: cyan, magenta, yellow and black (the K, for "key"), expressed as percentages. Converted mathematically, the orange #FF5733 gives roughly C 0%, M 66%, Y 80%, K 0%, and pure red #FF0000 gives C 0%, M 100%, Y 100%, K 0%. This conversion is theoretical: the real result depends on the paper, the printer and the color profile used by the print shop. Some colors that are very vivid on screen, especially saturated blues and greens, can't be reproduced with ink and come out duller. For an important document, ask for a proof or for the reference CMYK values in the brand guidelines.
Why the color changes from one pixel to the next
In a photo, an area that looks uniform is actually made of slightly different pixels: light, shadows, sensor noise. JPEG compression adds small variations, and the edges of text or logos blend the color with the background to smooth the outline. To get the right code, use the magnifier and click in the middle of a solid area, away from the edges. To pick up a logo's color, start from a PNG file rather than a JPEG if you can. And for an overview of a photo, the palette of 6 dominant colors often tells you more than a single pixel.
Frequently Asked Questions
How do I find the color code in an image?
Upload the image or paste a screenshot, then click the color you want. The code is shown in HEX, RGB, HSL and CMYK, and you can copy it in one click.
How do I convert a HEX code to RGB?
Split the code into three pairs and convert each one from hexadecimal to decimal. #1E90FF gives 1E = 30, 90 = 144 and FF = 255, so rgb(30, 144, 255). The tool shows the conversion automatically, in HSL and CMYK too.
What's the difference between RGB and CMYK?
RGB describes the colors of a screen, which mixes red, green and blue light. CMYK describes printed colors, made with cyan, magenta, yellow and black inks: use HEX or RGB for the web and CMYK for print.
How do I get a color from a website or an app?
In Chrome or Edge, use the whole-screen eyedropper to click the color directly, even outside the page. In other browsers, take a screenshot and paste it into the tool.
Is my image sent to a server?
No. The image is analyzed in your browser and never leaves your device. The color history is only kept in this browser.