Upload an image, hover or tap any pixel and get its exact color in HEX, RGB, HSL, HSV, CMYK, LAB and LCH. Free, right in your browser.
Click on the canvas to pin the selected pixel.
Keyboard: arrow keys move the selection by one pixel, Shift plus arrow by ten, Enter pins the color.
How to use the pixel color picker
- 1
Load an image: click Choose Image, drag & drop the file, or paste it from the clipboard (Ctrl / ⌘ + V).
- 2
Hover the cursor over the exact spot or drag your finger across the image, then click to select the pixel and detect its color.
- 3
Copy the precise color values (HEX, RGB, HSL, HSV, CMYK, LAB) in one click and paste them into your project.
Online color picker and eyedropper to detect the exact color of any pixel
This online color picker (eyedropper) lets you determine the exact color of any pixel in an image in one click. It is handy for web design, UI/UX, front-end development, branding and print work.
Pick a point and instantly get the precise color values and color code in RGB, HEX, HSL, HSV, CMYK, XYZ, LAB and LCH. Copy any value to the clipboard and reuse it in CSS, Figma, Photoshop or your design system.
The tool also calculates relative luminance and the contrast ratio against black and white, helping you choose readable text colors and meet WCAG accessibility.
No installation is required. It works directly in your browser. Upload an image, find the color you want, and by picking colors one by one you can easily build a color palette or color scheme for your project.
Color converters
Frequently asked questions
How do I find the color of a pixel in an image?
Upload your image, move the cursor (or your finger) to the point you want and click to pin the pixel. The tool reads that pixel and shows its exact color in RGB, HEX, HSL and other formats, which you can copy with one click.
Is the color picker free and do I need to install anything?
Yes, this online eyedropper is completely free and runs right in your browser. There is nothing to install and no sign-up required.
Are my images uploaded to a server?
No. Your image is processed locally in your browser and never leaves your device, so the tool is safe for private or confidential files.
Which color formats does it support?
RGBA, RGB %, HEX, HEX+A, HSL, HSV, CMYK, XYZ, CIE LAB and LCH, plus relative luminance, contrast ratio and a suggested text color: every color value you need for web and print.
What is the difference between HEX and RGB?
They describe the same color in different ways: HEX is a hexadecimal code like #1A2B3C used in CSS, while RGB lists the red, green and blue channels from 0 to 255. You can copy whichever your software needs.
Does it work on phones and tablets?
Yes. Drag your finger across the image to sample colors live and tap to pin a pixel; the built-in magnifier helps you hit the exact point.