Step by step
- Drop your reference image into the color picker on this page and click the exact color you want.
- Or, in Chrome or Edge on a computer, click “Pick from screen” to sample from any window.
- Copy the six-digit HEX code (like #0E8FA8).
- In Canva, select your element, open the color picker, and paste the HEX code into the search/hex field.
At a glance
| Situation | Best option | Why |
|---|---|---|
| Color is inside your Canva design | Canva built-in eyedropper | Samples directly on the canvas |
| Color is in a photo on your device | Drop image in Utilorca | Shows HEX code and main colors |
| Color is on another website or app | “Pick from screen” in Chrome/Edge | Grabs any pixel on screen |
Related questions
Where is the colour picker in Canva?
Select any text or shape, click the color square on the top toolbar, click the plus (+) button to add a new color, and choose the eyedropper icon.
Why is the Canva eyedropper not picking from outside the browser?
Canva’s eyedropper works best inside your design or browser tab. To sample from another app or image file, use “Pick from screen” here in Chrome or Edge and paste the HEX code.
How do I find the main colors of a photo for Canva?
Drop the photo into the tool above; the main colors of the image appear below it so you can copy each HEX code into Canva.
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 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.