Drag & drop or click to select a file
This page is for screenshots, product photos, moodboards, and reference images where the color source is visual and you need to sample it directly. It is not for cases where you already have a typed hex, RGB, or HSL value in hand.
That is why this tool belongs at the intake edge of a color workflow. It helps you pull one color out of an image so the typed color tools can take over afterward.
The browser displays one uploaded image and lets you click to read the current hex and RGB value from the selected pixel. It does not generate whole palettes, design tokens, or brand systems.
| Example | Value |
|---|---|
| Input | One UI screenshot or product image used as a visual reference. |
| Output | One sampled hex value and its matching RGB reading. |
If you already know the typed color value, skip the image picker and go straight to Color Picker or Hex to RGB. The image page is only the right route when the picture itself is the source of truth.
Once you have the picked color, the next work often happens in the color cluster: compare formats, convert values, or reuse the sampled hex code elsewhere. The image picker is useful precisely because it does not try to do all of that inside one page.
No. It samples the clicked color from one image.
The current page shows the picked hex value and the matching RGB value.
No. In that case, the typed color tools are a better fit.
No. The current page handles one uploaded image per run.
Pick hex and RGB color values from one uploaded image.
No. All processing happens in your browser.