Sample: forest
Average settings
Mode
Region
Transparent pixels
Free
Average color
/* Paste-ready */ background-color: #1F6B3E; /* squared average */ color: #FFFFFF; /* AA-paired text */
Why Average
What Average does best
Three modes
Simple, squared (gamma-correct), or dominant-cluster. Whichever fits your use case.
Region-aware
Whole image, drawn region, or auto-detected subject. You pick — Average distills, Palette spreads.
Use cases
When to reach for this one
01
Backgrounds from a hero
Find a tinted background that matches an image without clashing.
02
Surface tones
Derive dark-mode surface colors from a photo.
03
Print spot color picks
Get the average ink color for a printed reference.
About this tool
Three modes — simple average, squared average (gamma-correct), and dominant cluster — plus an optional region selector. Outputs a paste-ready CSS snippet.
FAQ
Questions about Average
A gamma-correct mean that avoids the dull-gray result you get from mixing colors in sRGB space directly.
Yes — toggle on by default for PNGs.
Backgrounds, video-thumbnail tints, dark-mode surface tones derived from an image.
Yes — draw a region or use auto-detect to limit the average to a subject. The whole-image average stays visible for comparison.
Yes. The exported CSS includes the averaged background plus a contrast-safe foreground value pre-checked against WCAG AA.
Continue with this palette in
Send these colors to another tool
Three siblings inside Image Color Studio, three destinations in the wider iColorPalette app. Cards show what your palette would look like there.
Studio siblings