Image Color Picker
Eyedrop any pixel to get its hex and RGB code.
How to use the Image Color Picker
- 1 Upload an image to load it onto the canvas.
- 2 Move over the image to preview the color under the cursor.
- 3 Click a pixel to sample it, then copy the hex code.
Examples
- ▸ Pulling a brand color out of a logo screenshot.
- ▸ Matching a UI color to a photo for a design palette.
Frequently asked questions
What color formats does it give?
It shows the picked pixel as both a hex code (e.g. #3b82f6) and an RGB triplet, and keeps a history of your recent picks.
Does it work on transparent PNGs?
Yes, though fully transparent pixels read as the canvas background. Sample over opaque areas for accurate colors.
Related tools
Generators
Color Palette Generator
Build harmonious color schemes from one base color.
Image
Image to Base64 Converter
Encode an image as a Base64 data URI to embed inline.
Generators
WCAG Color Contrast Checker
Test text vs. background contrast for accessibility.
Developer
Color Converter
Convert HEX, RGB and HSL with live preview.
Generators
CSS Gradient Generator
Design CSS gradients and copy the code.