Color Picker& Converter
Pick any color or find the color code in an image. Get HEX, RGB, HSL and HSB values, check contrast and explore matching colors.
Pick a color from an image
Drop, paste or choose an image
The image stays in your browser and is never uploaded.
Color Formats
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
HSB
hsb(239, 59%, 95%)
Accessibility & Contrast
On White Background
Aa
4.47:1
On Black Background
Aa
4.70:1
Color Harmony
Shades & Tints
5
10
20
30
40
50
60
70
80
90
95
How to find a color code in an image
- 1
Add your image
Drop a photo, logo or screenshot into the box, choose a file, or paste it with Ctrl+V.
- 2
Click the color
Move over the image to preview colors, then click to pick one. The main colors of the image appear below it.
- 3
Copy the code
Copy the HEX, RGB, HSL or HSB value and check its contrast on white and black backgrounds.
Frequently asked questions
How do I find the color code of an image?
Add the image to the color picker and click the spot you need. You get its HEX, RGB, HSL and HSB codes instantly.
Is my image uploaded anywhere?
No. The image is read in your browser only and never leaves your device.
Can I pick a color from anywhere on my screen?
Yes, in Chrome, Edge and other browsers that support it. Use “Pick from screen” and click any pixel on your screen.
What is the difference between HEX and RGB?
Both describe the same color. HEX writes red, green and blue as a six-character code like #6366F1, RGB writes them as numbers from 0 to 255.