Dominant Color Extractor
Pick a frame, a thumbnail, or any image and pull its dominant color palette in one click. K-means clustering finds 3–10 hex swatches you can copy straight into your design tool, your CSS, or your channel art.
Source image
How to use this tool
- 01
Upload an image
Drop a thumbnail, a still frame, or any reference. The image stays in your browser.
- 02
Pick how many colors
5 swatches is the sweet spot for branding work. Bump it to 8–10 for richer footage like landscapes or busy compositions.
- 03
Copy the hex codes
Each swatch shows hex, RGB, and the share of the image it represents. One-click copy for any of them.
Why this matters
Designers spend an embarrassing amount of time eyedropping a hex code from a reference image. Doing it with code is 100ms instead of 2 minutes — and the result is reproducible.
Channel branding lives or dies on color consistency. Pulling the dominant tones of your most-watched video is the fastest way to find a thumbnail palette that already matches your existing audience expectations.
Everything runs locally via canvas pixel access. Reference images stay private even when you're working on unannounced launches.
Related tools
Preview your YouTube thumbnail at all four display sizes — full, search, sidebar, and mobile — plus a mobile feed mock-up. Free, no upload, no signup.
Render your thumbnail inside a desktop, mobile, or sidebar YouTube feed mockup and download it as a PNG. Browser-only, no upload, instant export.
Resize one image into YouTube, X, Instagram, TikTok, Discord, and favicon avatar sizes at once. Circle-crop preview, ZIP download.
FAQ
Explore the full toolkit
94 free tools covering titles, tags, thumbnails, scripts, captions, embeds, schema, and in-browser video processing.
Browse all tools →