YouTube thumbnail color palette
Extract colors from a YouTube thumbnail (hex palette)
Match an end screen, a community post, or a blog card to the still — not to a random brand red that fights the photo. Paste a URL, get swatches.
How to get a color palette from a YouTube thumbnail
- Paste a watch, Shorts, or youtu.be URL.
- Wait for the still to load (you will see a loading state).
- Copy the hex codes from the swatches. Drop them into Figma, Canva, or CSS.
/* Example tokens from a sampled still */
--thumb-ink: #1a1a1a;
--thumb-accent: #ff0033;
--thumb-paper: #f4f0e8;When a thumbnail palette is useful
A channel that always uses the same yellow type on a dark still should keep that yellow in the next upload. A blog that embeds the video can tint the card border to a sampled hex so the page does not look like five unrelated products. This is not a replacement for a brand book — it is a fast read of what is already on the JPEG.
JPEG compression and “almost” brand colors
YouTube recompresses uploads. A perfect #FF0000 in Photoshop may sample as #E31C23 from the CDN file. Pick the nearest token in your system rather than shipping the sampled hex as gospel. For pixel truth of the file itself, use the size checker. To save the still: HD downloader.
FAQ
YouTube thumbnail palette FAQ
Can I get colors from a YouTube thumbnail?
Yes. This palette tool downloads the best still, samples pixels, and lists the dominant colors as hex codes you can copy into a brand file.
How many colors does the YouTube thumbnail palette show?
A small set of dominant swatches plus the hex for each. It is a mood board, not a full histogram. Use it to match a channel’s look, not for print-accurate CMYK.
Why would I extract a thumbnail color palette?
End screens, community posts, and blog cards look tighter when they reuse the still’s reds and darks instead of a random brand hex that fights the photo.
Does this work on Shorts thumbnails?
Yes. Paste a Shorts URL. The palette is sampled from the published 16:9 still, which is the same file Shorts uses before crop.
Are the hex codes exact brand colors?
They are sampled from compressed JPEG or WebP. Treat them as close, then pick the nearest brand token in your design system.
Do I need to download the thumbnail first?
No. Paste the video URL. The server fetches the still, samples it, and shows swatches. You can still download the image from the same result.