Color Palette Extractor
Drop an image and get its real palette: dominant colors, how much of the frame each one covers, and which text color stays readable on it.
100% free · runs in your browser · nothing is uploaded
Colors are read from the pixels of your image with a median-cut quantizer — the same family of algorithm image editors use to build a palette.
Source
Palette
Click any swatch to copy its hex code. The badge on each swatch shows which text color stays readable on it (WCAG AA at normal size).
Consistent color is how a channel becomes recognisable
Viewers recognise your videos in a crowded feed by color long before they read the title. The channels that grow fastest tend to reuse a tight, repeated palette across every thumbnail — not the same layout, the same colors. This tool gives you those colors from a thumbnail you already like, in a form you can reuse.
How the colors are chosen
Averaging pixels produces brown, every time. Instead this uses median cut quantization: the image's colors are treated as a box in three-dimensional color space, repeatedly split along the axis with the widest spread, and each final group averaged. That reproduces the hues a person would actually name when looking at the image, weighted slightly toward green because that is where the eye discriminates best.
Each swatch shows how much of the frame it covers, so you can tell a true dominant color from an accent that only appears in one corner.
The contrast badge
Every swatch is labelled with the text color that stays readable on it, and the WCAG contrast ratio it achieves. Use it before you commit to a color behind thumbnail text: a ratio of 4.5:1 or better means the text will still be legible at sidebar size, on a phone, in daylight.
Getting it into your workflow
Copy the whole palette as a hex list, as CSS custom properties for a site or overlay, or as JSON. Or click any single swatch to copy just that hex code.
Pairs naturally with the thumbnail downloader: pull the thumbnails of the top videos in your niche, run their palettes, and you can see exactly which colors are winning attention in your category.
Last updated August 9, 2026.
Frequently asked questions
How do I get the hex code of a color in an image?
Drop the image in and the palette appears with hex codes under each swatch. Click a swatch to copy its code, or use the copy buttons to take the whole palette as a hex list, CSS variables or JSON.
How many colors can I extract?
Between three and twelve, set with the slider. Five or six is usually the sweet spot for a brand palette; more than eight tends to split shades that read as the same color to a viewer.
What does the percentage on each swatch mean?
How much of the image that color covers. A color at 40% is genuinely dominant; one at 3% is an accent and will not be what people remember about the image.
What is the contrast ratio for?
It is the WCAG contrast between that color and the more readable of black or white text. 4.5:1 is the accessibility threshold for normal text — worth clearing for any color you put thumbnail text on top of.
Is my image uploaded anywhere?
No. The pixels are read in your browser with Canvas and analysed there. The image never leaves your device.
Stop designing thumbnails. Start generating them.
Describe your video, pick your face, and Thumblore returns click-ready 1280×720 thumbnails in seconds — free to start.
Try Thumblore freeMore free tools
YouTube Thumbnail Downloader
Paste any YouTube link and pull the thumbnail in every size YouTube stores, up to full 1280×720.
Open tool →Thumbnail Text Adder
Drop an image, add bold outlined text, download a finished 1280×720 thumbnail. No editor needed.
Open tool →Thumbnail Preview & Safe Zones
Check your thumbnail at real YouTube sizes — feed, mobile, sidebar, end screen — with safe zones and a squint test.
Open tool →