Image Color Picker
Extract colors from any image. Hover to magnify, click to pick, and copy HEX, RGB, HSL, HSB or CMYK. Everything happens in your browser, no signup.
Drop an image here
Drag and drop, paste with Ctrl + V, or load one from a URL. JPG, PNG, WebP, GIF and SVG.
Or start from a sample
Picked
Purple
#D629F1
- HEX
- #D629F1
- RGB
- rgb(214, 41, 241)
- HSL
- hsl(292, 88%, 55%)
- HSB
- 292°, 83%, 95%
- CMYK
- 11, 83, 0, 5
Palette
8
Load an image to extract its palette.
Tints and shades
Harmonies
Complement
Analogous
Triad
Split
Tetrad
Your image is read in the browser and never uploaded. Nothing is stored.
01
Bring an image
Drag and drop, paste with Ctrl + V, browse your files, or load one from a URL.
02
Pick a color
Hover to magnify the pixels under your cursor, then click to lock the color in.
03
Take it with you
Copy any format, or export the whole palette as CSS variables, JSON or a PNG.
Questions
- Is my image uploaded anywhere?
- No. The image is drawn into a canvas element inside your own browser and read back pixel by pixel. Nothing is sent to a server and nothing is stored.
- Which color formats do I get?
- HEX, RGB, HSL, HSB (also called HSV) and CMYK for every color you pick, plus a one-click copy for each.
- How is the palette chosen?
- By median cut: the tool samples the image, repeatedly splits the colors into groups along whichever channel varies most, then averages each group. Colors come back sorted by how much of the image they cover, so the first swatch is the dominant tone.
- Which file types work?
- Anything your browser can render as an image, so JPG, PNG, WebP, AVIF, GIF and SVG. Loading an image by URL only works when that server allows cross-origin reads, so downloading it first is the reliable route.