Depth Paper

Matcher · Photo in, nothing out

Pull a color palette out of any image

Pick any image: a wallpaper, a photo, a screenshot, a logo or a downloaded gradient. Up to five dominant colors come back with the measured share of sampled pixels behind each, copyable as hex and HSB. The whole computation happens in your browser, and the image never leaves your device.

The page also suggests the tint hue and saturation to type into your phone's icon controls, plus complementary and analogous companions if you want the icons to contrast with the wallpaper.

Image— Colors— Tint hue— Tint sat— Statusidle

Dominant colors

Companions

Applying the tint: generic steps, text only

Current as of iOS 26, Android 16, and One UI 8, checked 2026-08-09. Menus move between versions. The names below are factual references to the vendors' own software, and this page shows no screenshots.

How this matcher works

Your browser decodes the image and scales it down to at most 256 pixels on its long side, which keeps the mix of colors a palette needs. An extractor written for this page, with no libraries, samples the result and skips fully transparent pixels, so a cut-out area does not count as black. If every sampled pixel is transparent, the page says so and reports no color. The extractor proposes up to five colors with a median cut, then measures how many of the sampled pixels are nearest to each. The percentage beside a swatch is that share: out of the opaque pixels sampled, the fraction whose nearest reported color is this one. The color with the largest share becomes the suggested tint, given as its hue and saturation in HSB.

The companions rotate the dominant color's hue: 180° for the complement and ±30° for the analogous pair, with saturation and brightness unchanged. Every swatch is shown as hex and as H/S/B and can be copied with one click. The handoff button opens the wallpaper maker with the extracted palette in the URL and a seed computed from the colors themselves, so the same palette always opens the same wallpaper.

The extractor counts pixels, so a small but striking subject can lose to a large calm background. If the color you want comes second or third, pick it from the list, where every color is shown with its share. A phone's tint control may round the values you enter, so a degree or two of drift after applying is the phone's rounding.

Frequently asked questions

How does this find the dominant colors?
In two passes, with code written for this page and no libraries. First, median-cut quantization: every sampled opaque pixel starts in one box, and the box with the widest color range is split at its median until five boxes remain. Those five box averages are only starting points, because box sizes come from the median splits and say nothing about the image. So a second pass measures: every sampled pixel is assigned to whichever candidate color is nearest it in RGB, each color moves to the average of the pixels that chose it, and that repeats until nothing moves. The percentages you see come from that pass. A color's share is the share of sampled pixels for which it is the nearest color, and the shares sum to 100%. A color that no pixel chose is dropped, so an image with fewer than five distinct colors returns fewer than five, and a two-color image returns two. The same image always produces the same palette.
What do the hue and saturation numbers mean?
They are the H and S of the dominant color in HSB, the two values an icon-tint control takes. Hue is the position on the color wheel in degrees, and saturation is how far the color sits from gray, as a percentage. Brightness isn't part of the suggestion because tinting applies your color over grayscale versions of the icons, which supply their own light and dark.
Is my wallpaper uploaded to extract its palette?
No. The image is decoded and sampled entirely inside this page, and the site's security policy makes your browser block requests to every other origin. Close the tab and nothing persists.
What are the complementary and analogous colors for?
They are alternative tints with a reason behind each one. The analogous pair sits 30 degrees to either side of your dominant color and tints icons into the same family as the wallpaper without matching it exactly. The complement sits opposite on the color wheel and reads as an accent against the wallpaper. All three keep the dominant color's saturation and brightness, so they swap in cleanly.
Can I use this on any image, not just a wallpaper?
Yes. Any JPG, PNG, WebP, AVIF or GIF up to 40 MB is read the same way, whatever it shows. It is scaled down to at most 256 pixels on its long side, sampled, and reported as up to five dominant colors, each with its measured share. The page does not pick the color of a single spot you click; it reports the colors that most of the sampled pixels are nearest to.

Related