Read an exact color from an image
Use the image color picker when you need to match a logo, identify a UI color from a screenshot, or build a palette from a reference photo. Clicking the preview maps back to the corresponding full-resolution source pixel and reports the color in three common formats.
How to pick a color
- Select a JPG, PNG or WebP image.
- Click or tap the point whose color you want to sample.
- Copy the HEX, RGB or HSL value, or continue clicking to create a recent-color list.
- Use the extracted palette as a starting point, then verify individual colors by sampling exact pixels.
HEX, RGB and HSL
HEX represents red, green and blue channels as six hexadecimal characters and is common in CSS and design tools. RGB shows each channel from 0 to 255. HSL describes hue in degrees plus saturation and lightness percentages, which can be easier to adjust by eye. These formats describe the same displayed sRGB color in different notation.
Exact pixels versus an extracted palette
A clicked value comes from one source pixel. The extracted palette is an estimate: the browser downsamples the image, groups nearby channel values and selects several visually separated frequent colors. It is useful for inspiration, but small accents may not appear and color-managed applications can display values slightly differently.
Private browser processing
The image is decoded and sampled locally in your browser; FigureOwl does not receive it or the colors you pick. Supported images are limited to 25 MB and 40 megapixels. The recent list exists only in the current page session.