Open an image
Use the sample photo, choose a file from your device, or drag an image into the tool.
Image Color Picker
01
Choose a point in the imageItaly sample image
Zoom
Local processing Preparing sample image...
Click or tap the image to select a color
03Recent picksSelect a swatch to revisit its values.
Three easy steps
Pick a color in three simple steps
Start with the sample photo or open your own image. Nothing needs to be installed.
Choose a color
Move over the image to preview colors, then click or tap the exact point you want.
Use the result
Copy the format you need, check text contrast, or save a simple color card.
Turn any image color into a usable code
See a color you like in a photo, logo, or screenshot? Select it once and this color finder gives you a code you can paste straight into your project. HEX, RGB, and HSL are shown together, so there is no need to convert values or guess the shade by eye.
This color picker tool works locally in your browser. Your image stays on your device, recent choices remain available while you work, and the contrast check shows whether dark or white text will be easier to read on the selected color.
Useful in real projects
What can you do with a color picker?
HEX color picker
Use the HEX code finder to match a screenshot or mockup and paste the result directly into CSS.
RGB color picker
The RGB picker makes it easy to carry an exact brand color into presentation, design, and editing software.
Color picker from image files
Sample a product, landscape, illustration, or other photo detail one pixel at a time.
Questions, answered
Image color picker FAQ
Clear answers about formats, privacy, zooming, and selecting colors from an image.
Click or tap anywhere on the image. The tool reads that pixel and shows the same color as a HEX, RGB, and HSL value.