Result will appear here.
Average an image’s colour from a whole-image canvas sample — alpha-aware, in your browser.
Computes the mean colour of a whole-image canvas sample and reports HEX/RGB/HSL/HSV/CMYK.
Choose to ignore, alpha-weight, or include transparent pixels; the mode is shown in the result details.
Values come from the browser-rendered sRGB canvas, not the raw file bytes.
Everything runs in your browser on a canvas — your image is never uploaded.
Average Color Finder reads the sampled pixels of your image on a browser canvas and reports the mean colour as HEX, RGB, HSL, HSV and CMYK. It samples the whole image with its full aspect ratio preserved — it does not crop a square out of the centre — and the result panel shows exactly how many pixels were sampled.
Because transparent areas can skew an average, you choose how alpha is handled: ignore transparent pixels (the default), weight each pixel by its alpha, or include every pixel as opaque. A minimum-alpha threshold drops near-transparent edges.
Colours come from the browser-rendered sRGB canvas, not the raw file bytes, so embedded colour profiles, CMYK source data or HDR may shift the values slightly. Copy any value with one click, or download the result as TXT, JSON, CSS variables or CSV.
Averages a full-coverage sample with the aspect ratio kept — no centre-crop that discards the edges.
Ignore, alpha-weight, or include transparent pixels so PNG/WebP cut-outs don't skew the result.
HEX, RGB, HSL, HSV and CMYK on screen; TXT, JSON, CSS variables and CSV to download.
The image is read on a canvas in your browser and never uploaded.
Pull a single representative colour from a photo or logo to seed a palette.
Find an average tone to sit behind an image for a seamless block.
Check the overall colour cast of a render or export at a glance.
Drop the averaged colour straight into a stylesheet as a custom property.
It samples the whole image with the aspect ratio preserved (no centre-crop) and downscales large images for speed; the result panel shows the exact sampled size in pixels. For most photos a full-coverage sample is visually identical to averaging every pixel.
You choose: ignore fully or near-transparent pixels (the default), weight each pixel by its alpha, or include every pixel as opaque. The result panel records which mode was used and how many pixels were skipped.
HEX, RGB, HSL, HSV and CMYK are shown on the page, and you can download TXT, JSON, CSS variables, or CSV. CMYK is an approximate sRGB-to-CMYK conversion, not a print-accurate profile.
Possibly. Values are read from the browser-rendered sRGB canvas, not the raw file bytes, so embedded ICC profiles, CMYK source data, HDR or browser colour management can shift the numbers from a colour-managed application.
No. The image is decoded and sampled by browser canvas APIs on this page; no image file is sent to a server.
Tools that pair well with Average Color Finder.