Step by step
- Open the color picker tool on this page.
- Drop your image file onto the upload area or click choose one to select it from your device.
- Click anywhere on the image to sample that exact pixel.
- Review the HEX, RGB, and HSL values or check the main colors of the image below.
- Click Copy next to the format you need.
At a glance
| Color format | Best used for | Example |
|---|---|---|
| HEX | Websites, Canva, and CSS | #0E8FA8 |
| RGB | Digital screens and UI design | rgb(14, 143, 168) |
| HSL | Adjusting lightness and saturation | hsl(190, 85%, 36%) |
Related questions
Can I use this as a color picker from a photo on my phone?
Yes, you can upload any photo from your phone or computer and tap the area you want to sample. Screen picking outside the browser is limited to Chrome or Edge on a computer, but image picking works on any device.
Does it show the main colors of the image?
Yes, once you load a photo, the main colors of the image appear below it. You can click and copy any of those codes directly.
What if I need to match a color in Canva or Photoshop?
Copy the six-digit HEX code from the tool and paste it into the color field in Canva, Photoshop, or any other design app.
More questions: color picker
- How to Pick a Color From Your Screen
- What Is a Color Picker?
- How to Get HEX, RGB, and HSL Color Codes
- How to Pick a Color for HTML and CSS
- How to Use a Color Picker on Windows
- How to Use a Color Picker on Mac
- How to Use a Color Picker for Canva
- How to Color Pick in Photoshop
- How to Get a Color Palette from an Image
- How to Use a Color Picker in Word and Excel
- How to Use the Color Picker in MS Paint
- How to Pick a Color From an Image on iPhone and Android
Updated November 14, 2026.