ToolNestFree YouTube Thumbnail Contrast Checker
Last updated: November 10, 2026
Quick answer: On a phone, a YouTube thumbnail is about 120 pixels wide — and the click is decided before a single word of the title is read. If the text melts into the background at that size, the video loses the click no matter how good it is. This free YouTube thumbnail contrast checker reads the actual pixels of your thumbnail, finds its dominant colours, and scores the WCAG contrast ratio between the darkest and lightest of them, with AA and AAA verdicts and a 120 px phone preview so you see exactly what a viewer sees in the feed. Upload your thumbnail (JPG or PNG, 1280 × 720 recommended) or try the sample — everything runs in your browser, so your image never leaves your device.
Your thumbnail
Phone size — 120 px wide, as in the YouTube app feed
| Contrast ratio (darkest vs lightest dominant colour) | — |
| WCAG AA (4.5 : 1, normal text) | — |
| WCAG AAA (7 : 1, normal text) | — |
| Verdict | — |
| Average brightness | — |
| Image size | — |
Method: the image is shrunk to a 128 × 72 grid, similar pixels are grouped, and the colours covering at least 2% of the image are listed as dominant. The ratio is the WCAG contrast ratio between the darkest and lightest dominant colour, using the relative-luminance formula. Your image is analysed in your browser and never uploaded.
✓ Free forever · ✓ No signup · ✓ Tool inputs stay in your browser — never sent to our servers.
How to Use the YouTube Thumbnail Contrast Checker
- Upload your thumbnail with the file picker — a JPG or PNG at YouTube's recommended 1280 × 720 — or press Load sample thumbnail to see the checker work on a ready-made example.
- The checker shrinks the image to a grid, groups similar pixels, and lists the dominant colours with their hex codes and share of the image. The pair that matters is the darkest colour against the lightest one — that is where text either pops or disappears.
- Read the contrast ratio: the WCAG number for that pair. 4.5:1 is the AA bar for normal text, 7:1 is AAA, and 3:1 is the minimum for large bold text. Below 3:1, text is unreadable at feed size.
- Check the 120 px phone preview — the size your thumbnail actually appears at in the YouTube app. If you can still read every word at that size, the contrast is doing its job; if the text blurs into the background, it is not.
- Fix the weak pair — darken the background behind the text, brighten the text, or add a solid backing shape — then upload the new version and re-check. A ratio that clears 7:1 is a thumbnail that survives any screen size.
Why Use Our YouTube Thumbnail Contrast Checker?
- WCAG ratio from real pixels — the checker measures your actual thumbnail, not a colour pair you typed in. The ratio uses the WCAG relative-luminance formula, the same math accessibility auditors use.
- Dominant-colour palette — the top colours of your thumbnail with hex codes and their share of the image, so you can see at a glance which colour is fighting your text.
- AA and AAA verdicts — a plain pass/fail against the 4.5:1 AA bar and the 7:1 AAA bar, so you know whether the thumbnail meets the standard or only scrapes past it.
- 120 px phone preview — your thumbnail shown at the width it appears at in the YouTube app feed, where most clicks happen. Legibility at 120 px is the real test.
- One-click sample thumbnail — a ready-made high-contrast example (yellow on navy, about 11:1) to see what a passing score looks like before you test your own.
- Private by design — the image is read by JavaScript in your browser and never uploaded. Safe for unreleased videos and client work.
Common Use Cases
- Checking a new thumbnail before publishing: You finish a thumbnail in your editor and upload it here before it goes live. The ratio comes back 2.8:1 — white text on a light sky — so you darken the sky behind the text and re-check: 6.4:1. The video publishes with a thumbnail you already know is readable, instead of finding out from a low click-through rate a week later.
- Comparing two thumbnail variants by the numbers: You have two versions — one with yellow text, one with white — and the A/B test would take days. Run both through the checker: yellow scores 9.2:1, white scores 4.1:1. You publish the yellow one, or you A/B test only the versions that already clear AA, so the test measures the idea instead of the contrast.
- Auditing an underperforming back catalogue: A channel's older videos stall at a 2% click-through rate. Run their thumbnails through the checker in batches: the ones under 3:1 get new text treatments, the ones over 7:1 stay. It is the cheapest catalogue fix there is — a new thumbnail costs minutes and can revive a video YouTube has stopped recommending.
- Teaching contrast and accessibility with real images: A design teacher loads a student's thumbnail and the whole class sees the same number: 2.1:1, fail. The fix — a darker backing shape — moves the score to 8.4:1 in front of them. A WCAG ratio turns 'make it pop' from a vague note into a measurement the student can reproduce.
YouTube Thumbnail Contrast Checker vs Alternatives
- TestMyThumbnails: A thumbnail tester and previewer that scores several click-through factors at once — layout, faces, text size — with contrast as one input among many. Useful when you want one overall score for the whole thumbnail; this page goes deeper on the single factor that decides legibility, giving you the WCAG ratio, the AA/AAA verdicts and the palette behind them instead of a blended score.
- CreatiCalc YouTube Thumbnail Checker: The closest direct rival: it checks contrast and text legibility, detects faces and shows a 120 px phone preview. This page adds the WCAG ratio as a number, the dominant-colour palette with hex codes, and the one-click sample, so the fix — which colour to change — is visible instead of implied.
- Leaxor Free Thumbnail Contrast Checker: A single-purpose WCAG scorer for YouTube thumbnails, and the most similar tool to this one. Where this page differs is the palette (which colours are actually in your image and their share), the phone preview at feed size, and the copyable summary you can paste into a design brief or a client message.
- WebAIM Contrast Checker: The accessibility community's reference checker — type in two hex codes and it returns the WCAG ratio. It is precise, but it cannot read an image: you have to guess which two colours from your thumbnail matter and type them in by hand. This page finds those colours for you by analysing the pixels, so the pair it scores is the pair your viewers actually see.
Most thumbnail tools blend contrast into an overall click-through score, or make you type hex codes by hand. For a legibility answer you can act on — the WCAG number, the palette that produced it, and the phone-size preview — this page reads your actual thumbnail and returns all three in one click.
Frequently Asked Questions
What is a good contrast ratio for a YouTube thumbnail?
Aim for 7:1 or higher — the WCAG AAA bar — between your text colour and the background behind it. 4.5:1 (AA) is the minimum for normal-size text, and 3:1 is the floor for large bold text. Anything below 3:1 is effectively invisible at the 120 px width thumbnails appear at on phones. The sample thumbnail on this page scores about 11:1 (yellow on navy), which is why its text stays readable even shrunk to phone size.
How does the checker measure contrast?
It reads the pixels of your uploaded image, groups similar colours, and takes the dominant colours — the ones covering at least 2% of the image. It then computes the WCAG contrast ratio between the darkest and lightest dominant colour using the relative-luminance formula (the same formula behind the WCAG standard). That pair is the honest one: if the lightest text colour and the darkest background colour clear 4.5:1, the text is readable; if they do not, no other pair on the thumbnail saves it.
Why does my thumbnail look fine large but unreadable small?
At full size your eye reads letter shapes; at 120 px wide, thin strokes and low-contrast edges collapse into the background, and the words become texture instead of text. That is why this page shows a 120 px phone preview next to the score: it is the size most viewers actually see. The fix is almost always thicker text, a bigger luminance gap, or a solid backing shape behind the words — not a different font.
What size should a YouTube thumbnail be?
YouTube recommends 1280 × 720 pixels (16:9), in JPG, GIF or PNG, under 2 MB. A 1280 × 720 image is downscaled to about 120 px wide in the phone feed and about 360 px on desktop, so the design has to survive a 10× shrink. This checker shows your image's size next to the score, and the phone preview shows what the shrink does to your text.
Which colour combinations contrast best on thumbnails?
Pairs with a large luminance gap: yellow on dark navy, white on black, white on dark red, black on bright yellow. The pairs that fail most often are neighbours on the luminance scale — red on green, orange on red, grey on grey-blue, white on light blue — because the ratio between them sits under 3:1 even though the colours look different side by side. If your palette's darkest and lightest colours are close in brightness, change one of them, not the hue.
Does YouTube have a built-in contrast checker?
No. YouTube Studio's Test & Compare lets you A/B test up to three thumbnails against real viewers, and the winner is decided by actual watch time — but it tells you nothing about contrast before you publish, and it costs you a live test on each version. This checker scores the contrast up front, so you only A/B test thumbnails that already pass.
What is the difference between WCAG AA and AAA?
Both are levels of the Web Content Accessibility Guidelines. AA requires a 4.5:1 ratio for normal text and 3:1 for large text (18 pt or 14 pt bold and up). AAA raises the bar to 7:1 for normal text and 4.5:1 for large text. For thumbnails, treat AA as the minimum and AAA as the target: a thumbnail that clears AAA is readable on a dim phone screen in sunlight, which is where a large share of your audience actually is.
Is my thumbnail uploaded anywhere?
No. The image is read by JavaScript in your browser — the pixels are analysed locally and the file never leaves your device. That makes the checker safe for unreleased videos, client thumbnails and anything under embargo.