Step by step
- Drop your photo or logo into the tool, or click choose one to select a file from your device.
- Look under the image to see the main colors of the image extracted automatically.
- Click any spot on the image if you also want to grab a specific shade that is not in the main palette.
- Copy the HEX, RGB, or HSL code into your design app, website CSS, or brand guide.
At a glance
| Color code | Best used for | Example |
|---|---|---|
| HEX | Websites, Canva, Figma, and CSS | #0E8FA8 |
| RGB | Digital screens, video, and photo editors | rgb(14, 143, 168) |
| HSL | Adjusting lightness or saturation in CSS | hsl(190, 85%, 36%) |
Related questions
How many colors can I copy from one image?
You get the main colors of the image listed automatically, and you can also click anywhere on the photo to pick and copy any individual shade.
Do I need to install an app or create an account?
No, the color palette picker runs in your browser for free with no sign-up required.
Can I also pick a color from outside the image?
Yes, in Chrome or Edge on a computer you can use Pick from screen to grab a color from any open window.
More questions: color picker
- How to Pick a Color From an Image
- 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 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.