Step by step
- Choose a color from the palette, or drop an image into the color picker on this page.
- Click any spot on the image, or use Pick from screen in Chrome or Edge on a computer.
- Read the HEX, RGB, and HSL codes generated for that exact shade.
- Copy the code and paste it into your website, Canva, or design software.
At a glance
| Feature | What it does | When to use it |
|---|---|---|
| Color palette | Lets you adjust hue and brightness manually | Creating a new color from scratch |
| Image picker | Samples a pixel from an uploaded photo | Matching a brand logo or photo |
| Screen eyedropper | Picks a color from any open window | Grabbing a color from another app |
Related questions
What is a color picker in Photoshop or design apps?
In apps like Photoshop or Canva, a color picker is the panel or eyedropper tool used to select foreground colors or sample shades from your canvas and convert them into HEX or RGB values.
What is a HEX code?
A HEX code is a six-digit code like #0E8FA8 used in websites, CSS, and design apps, with two digits each for red, green, and blue.
When should I use RGB or HSL instead of HEX?
Use HEX for quick pasting into CSS and Canva, RGB when working with screen light values, and HSL when you want to adjust lightness or saturation easily.
More questions: color picker
- How to Pick a Color From an Image
- How to Pick a Color From Your Screen
- 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.