Image Color Picker
Pick any color from an image and copy its HEX and RGB values instantly.
Selected color
- HEX
#0066cc - RGB
rgb(0, 102, 204) - HSL
hsl(210, 100%, 40%)
Adjust (HSV)
Picked colors
Colors you pick will appear here.
Extract colors from your image with precision
Upload an image and click any spot to instantly read that pixel's color as HEX, RGB, and HSL values. Pull colors from logos, backgrounds, buttons, and illustrations with precision and put them to work across your design and development.

Copy HEX, RGB, and HSL values fast
Copy the selected color's HEX, RGB, and HSL values with a single button. Quickly paste the color values you need into design tools, CSS code, and documents to save time.

Frequently asked questions
What formats can I view the extracted color values in?
The selected color is available in the most common formats — HEX, RGB, and HSL.
| Format | Example | Commonly used in |
|---|---|---|
| HEX | #0066cc | HTML, CSS, design systems |
| RGB | rgb(0, 102, 204) | CSS, JavaScript, graphics work |
| HSL | hsl(210, 100%, 40%) | Adjusting lightness and saturation |
HEX is the most common in web design, RGB is intuitive for on-screen colors, and HSL is handy when adjusting a color's lightness and saturation.
Can I pick colors from a screenshot?
Yes, you can. Upload a screenshot of a website, app screen, design mockup, or document, then click any spot to read its color. It's handy for checking things like a webpage's button color, banner background, logo color, or icon color. Keep in mind that if the screenshot is compressed or was captured at a zoomed-in or zoomed-out scale, the color may differ slightly from the original.
Does it work on mobile?
Yes, it works in mobile browsers too. Upload a photo or screenshot saved on your phone, then tap the screen to pick a color. On mobile it can be hard to tap the exact spot with a finger, so if you need more precise selection, zoom into the image or use it on a desktop.
Are the extracted colors accurate?
Colors are read from the actual pixels in the image, so you get the color value at the exact spot you click. That said, if the image is compressed or has shadows, gradients, transparency, or anti-aliasing, the pixel may appear blended with nearby colors. For the most accurate result, click a solid-color area or use a high-quality image close to the original.
Are my images uploaded to a server?
Color extraction runs in your browser, so you can read color values without your images being stored on a server. That makes it relatively safe even when you use screenshots that contain personal information.
