Image Color Picker
Image Color Picker get hex color from image without upload sample rgb from photo eyedropper color picker browserYour image stays on this device. Static JPEG, PNG, and WebP files are supported.
- CSS name
- Pick a color
- Alternate name
- Pick a color
Sample a pixel from your image
Choose a JPG, PNG, or WebP image, then click or tap the visible image. The selected pixel appears as HEX, RGB, and HSL with its exact or closest CSS and alternate color names. Copy the HEX value or save several swatches while exploring the image. Clicking a saved swatch copies that exact color.
How pixel sampling works
The browser draws a display-sized copy of the decoded image to a canvas. Your pointer position is mapped back to the canvas pixel grid, and its red, green, and blue 8-bit channels are read. HEX and RGB report those channel values directly; HSL is calculated from the same sampled RGB color.
Understanding formats and names
HEX writes each RGB channel as two base-16 digits, such as #336699. RGB writes decimal channels, while HSL describes hue, saturation, and lightness. The CSS label uses the browser-standard named-color catalog. The alternate label comes from a broader reviewed catalog. Each label says whether it is an exact match or the closest available name, so a friendly name never replaces the precise numeric value.
Worked example sample
Upload a screenshot and tap a blue button. If the sampled channels are 51 red, 102 green, and 153 blue, the tool reports #336699, rgb(51, 102, 153), and approximately hsl(210, 50%, 40%), followed by the closest names. Save the swatch, then sample the button’s hover state for comparison.
Why nearby pixels differ
Text smoothing, shadows, compression, gradients, transparency, and screen captures can create many slightly different colors along an edge. A single pixel may not represent the intended design token. Sample a flat interior area and compare several nearby points. JPEG artifacts are especially likely to alter channels near sharp boundaries.
Privacy and browser color
The image is decoded and sampled locally; no pixel or file is uploaded. The tool reports the color after the browser decodes the image. Embedded profiles, display color management, and conversions into the canvas color space can make results differ from raw file-channel inspection in specialized software.
Limitations and assumptions
Static JPG, PNG, and WebP files up to 30 MB and 40 megapixels are supported. Animated formats are rejected. The picker returns one pixel at a time and does not calculate dominant colors, average regions, named paints, CMYK values, or print matches. A closest name is descriptive rather than an exact color identity.
Image Color Picker FAQ
Why doesn’t the color match what I expected?
You may have sampled antialiasing, compression noise, a translucent edge, or a profiled color conversion.
Can I save multiple colors?
Yes. Pick a color and select Save swatch; each saved square copies its own HEX value.
Are color names exact?
The result explicitly marks exact names. Otherwise it reports the nearest catalog color and its HEX value.