Color Banding Test

Check your monitor or laptop screen for visible banding in smooth gradients. Open a fullscreen lossless gradient and look for stripes or steps that should not be there.

Color Banding Test

Check gradient smoothness and color depth (6-bit vs 8-bit vs 10-bit) on your display.

Coverage: 0/6
Gray Gradient

📋 How to Test

Look at each gradient from a normal viewing distance. A healthy 8-bit display shows smooth transitions. If you see distinct stripes or steps instead of a smooth blend, your panel may be 6-bit with dithering, or the color output may be limited by cable or driver settings.

Test Patterns

💡 These gradients are rendered directly by your GPU with zero compression — unlike YouTube test videos, any banding you see here comes from your display chain, not video encoding.

Test your display for color banding online

This color banding test lets you check any display for visible stripes in smooth gradients within seconds. It renders six lossless gradients directly on your GPU — with zero video compression — so any banding you see comes from your display chain, not encoding. Whether you just bought a new monitor, suspect a cheap cable, or want to verify a 10-bit panel claim, this online checker gives a fast, trustworthy read without installing any software. It also doubles as a verification step after any change to your setup, so you can confirm that a new cable, a driver update, or a switch to a 10-bit output actually reduced the band count instead of just moving the stripes around.

How to Test for Color Banding

  1. 1 Set your display to its normal brightness and turn off "vivid" picture modes.
  2. 2 Click "Start Test" above and open the Gray Gradient.
  3. 3 Look at the gradient from your normal viewing distance — not nose-to-screen.
  4. 4 A smooth blend means a healthy chain; distinct stripes mean banding somewhere.
  5. 5 Repeat with the red, green, and blue gradients, then the dark and light gradients.
  6. 6 Toggle horizontal/vertical direction — some dithering artifacts only show on one axis.

⚠️ Judge banding from your normal seating position. Pressing your face to the screen reveals dithering noise on every panel, including good ones — that is not a defect.

What Is Color Banding?

Color banding (posterization) is a visual artifact where a smooth gradient breaks into visible stripes or steps instead of blending continuously. The root cause is almost always insufficient color depth somewhere in the chain: a 6-bit panel showing only 262,144 colors, an 8-bit signal path carrying a 10-bit source, a cheap cable, or a GPU outputting limited-range color. Each missing bit halves the number of representable shades, and the human eye is ruthless at spotting the resulting steps — especially in skies, fog, and dark gradients. Bit depth is the usual culprit, but the signal chain matters just as much, because a display can only render what it receives. An 8-bit panel fed a 10-bit source still shows 8-bit steps, and a 10-bit panel fed an 8-bit signal behaves the same way, which is why the same monitor can look smooth on one input and striped on another.

How to Read Your Results

Compare each gradient against these signatures:

  • Perfectly smooth on all six gradients: 8-bit or 10-bit chain working correctly — excellent.
  • Faint steps only in the dark gradient: normal on most consumer panels; near-black is the hardest range.
  • Clear stripes on gray but smooth on RGB: possible grayscale tracking or gamma issue rather than bit depth.
  • Stripes on every gradient with even spacing: classic 6-bit panel signature (64 steps per channel).
  • Stripes that move when you toggle direction: dithering/FRC pattern interacting with the panel — usually harmless.
  • Banding only in fullscreen video, not here: compression artifact from streaming, not your display.

Real Banding vs Compression Artifacts

⬛ Real Display Banding

Shows up on this page: static, evenly-spaced stripes fixed to the gradient. Caused by panel bit depth, cable bandwidth, or GPU output settings. It persists in screenshots viewed on a better display and survives pausing.

⬜ Streaming Compression

Shows up on YouTube or Netflix: blocky, shifting patches that dance between frames, worst in dark scenes. Caused by video bitrate limits, not your panel. This page uses zero-compression GPU rendering precisely so you can tell the two apart.

How Much Banding Is Normal?

On an 8-bit panel, faint stepping in the darkest 5% of the dark gradient is normal and invisible in real content. Even premium 10-bit displays can show slight banding if fed an 8-bit signal — the panel can only display what it receives. What is not normal: bold, evenly-spaced stripes across the whole gray gradient, or banding so coarse you can count the steps from across the room. Judging distance changes the verdict, since stepping that is obvious with your nose against the glass can be invisible from a normal seating distance, so always evaluate from where you actually sit.

General rule: if gradients look smooth at arm’s length in normal content (movies, games, photos), your chain is fine. Only chase the issue if banding is visible during everyday use — and check the cable and GPU settings before blaming the panel, because those are free fixes.

Can Color Banding Be Fixed?

Things you can try

  • Set your GPU color depth to the maximum (8-bit or higher; enable 10-bit output if the monitor supports it).
  • Use a better cable and port — HDMI 2.0+/DP 1.2+ for 4K, and verify the full RGB 0–255 range on both ends.
  • Enable dithering or "deep color" options in your GPU control panel if available.
  • Turn off "vivid" and low-quality noise-reduction modes that quantize gradients.
  • Update GPU drivers — bit-depth negotiation bugs are occasionally fixed in driver updates.

⚠️ Important note

A true 6-bit panel cannot be upgraded to 8-bit by software — dithering only masks the steps. If maximum settings on a good cable still show coarse stripes on every gradient, that is the panel hardware, not a configuration problem. Do not open the monitor or press on the panel — that causes permanent damage and voids the warranty.

Why use our Color Banding Test

⬛
Lossless Gradients

Gradients rendered directly by your GPU with zero compression — any banding you see comes from your display chain, not video encoding.

🌈
Six Test Gradients

Gray, red, green, blue, plus dedicated dark-range and light-range gradients that expose banding where it hides.

↔️
Direction Toggle

Switch gradients between horizontal and vertical — banding from dithering patterns can appear in one axis only.

🔢
Bit-Depth Guide

Learn to read the signature differences between 6-bit, 8-bit, and 10-bit panels from what you observe.

⌨️
Keyboard Shortcuts

Press ← → to switch gradients, F for fullscreen, Esc to exit. Test without touching the mouse.

⛶
Fullscreen Mode

Immersive fullscreen testing using the Fullscreen API. Banding is easiest to judge edge-to-edge.

🩺
Diagnostic Report

Mark any banding you see to get a diagnostic summary with health score, possible causes, and next steps.

🖥️
All Display Types

Works on LCD, LED, OLED, IPS, VA, TN, and Mini-LED panels. Test monitors, laptops, TVs, tablets, and phones.

🔒
100% Privacy-First

All testing happens locally in your browser. No screenshots, no camera access, no data collection.

📦
No Download Required

No installation, no plugins, no signup. Just open this page and start testing your screen immediately.

📱
Mobile Friendly

Test your phone or tablet screen too. The tool works on any device with a browser.

⚡
Instant Switching

Switch between gradients instantly. No loading, no processing — pure GPU-rendered color ramps.

Supported Scenarios & Limitations

Quickly check whether Color Banding Test is the right tool for your needs. The lists below show exactly what this browser-based tool can and cannot do.

Works With

  • LCD / LED monitors and displays
  • IPS / VA / TN / QLED / Mini-LED panels
  • OLED displays (near-black gradation check)
  • 8-bit, 10-bit, and 6-bit+FRC panels
  • Laptop screens (MacBook, Dell, HP, Lenovo)
  • External monitors (all brands)
  • TVs (used as monitors or via built-in browser)
  • Phones and tablets
  • Lossless GPU-rendered grayscale + RGB gradients
  • Dark-range and light-range torture gradients

Not Supported

  • Measuring exact bit depth numerically (requires an EDID read + colorimeter)
  • Upgrading a 6-bit panel to 8-bit (a hardware limit)
  • Fixing streaming compression artifacts (a bitrate issue, not display)
  • Detecting dead pixels (use our Dead Pixel Test)
  • Testing refresh rate (use our Refresh Rate Test)
  • Repairing damaged or aging display panels

Color Banding Test only verifies whether input events reach the browser. It cannot determine whether a failure is caused by hardware, drivers, firmware, or the operating system.

Banding by Panel Type

10-bit / 8-bit + FRC Panels

Smoothest gradients (1.07 billion colors). Banding here usually means the signal path, not the panel.

Native 8-bit Panels

Smooth in most content; may show faint steps in extreme dark gradients. The mainstream standard.

6-bit + FRC Panels

Budget panels that simulate 16.7M colors. Evenly-spaced stripes are expected, especially without good dithering.

OLED

Excellent gradation, but near-black handling varies — some OLEDs show posterization in the darkest tones.

VA / TN / IPS

Banding behavior follows bit depth more than panel tech — check the spec sheet for 6-bit vs 8-bit first.

OLED Displays

OLED panels generally render superb gradients, but aggressive near-black processing can posterize shadows. If banding appears only in the bottom 5% of the dark gradient on an OLED, try disabling black-stabilizer features before concluding anything.

Privacy & Safety

This banding test is privacy-first. The tool only renders CSS gradients in a fullscreen HTML element — no camera access, no screenshots, no image processing, no data collection of any kind.

No information about your display, resolution, or results is transmitted to any server. The tool needs no account, no login, and no personal information. You can verify this by opening your browser developer tools (F12) → Network tab — zero network requests are made during testing. Because the page needs no network access at all, you can also save it and run the gradients on a machine that is deliberately kept offline.

Color Banding Test FAQ

What is color banding on a monitor? ▼

Color banding is when a smooth gradient — a sky, fog, or shadow fade — displays as visible stripes or steps instead of a continuous blend. It happens when somewhere in the display chain there are not enough distinct shades to render the transition: a 6-bit panel (262,144 colors), an 8-bit bottleneck in cable or GPU settings, or aggressive picture processing that quantizes smooth tones. Our tool shows six lossless gradients so you can see exactly which colors and brightness ranges are affected.

How do I test my monitor for color banding? ▼

Testing takes about two minutes: (1) Set normal brightness and disable "vivid" modes. (2) Click "Start Test" above and open the Gray Gradient. (3) View from your normal seating distance — smooth means healthy, stripes mean banding. (4) Repeat with red, green, blue, dark, and light gradients. (5) Toggle horizontal/vertical direction. (6) If you see stripes, work through the fixes: GPU color depth to max, better cable, full RGB range, updated drivers — then re-test on this same page.

What causes banding on an 8-bit display? ▼

Even true 8-bit panels (16.7 million colors) can band when the chain around them is weaker: a 6-bit+FRC panel advertised loosely, a GPU outputting 6-bit or limited-range color, an old HDMI 1.4 cable choking 4K bandwidth, or "noise reduction" processing that flattens subtle tones. Content matters too — heavily compressed streaming video bands on every display. The diagnostic value of this page is isolation: because our gradients are lossless, banding here rules out video encoding and points at your panel, cable, or GPU settings.

Can HDMI cables cause color banding? ▼

Yes. Insufficient cable bandwidth forces the GPU and display to negotiate down — often silently dropping to lower color depth or chroma subsampling (4:2:2 instead of 4:4:4), both of which cause banding. For 4K at 60Hz you need HDMI 2.0+ or DisplayPort 1.2+; for 4K at 120Hz you need HDMI 2.1 or DP 1.4. If banding appeared after a cable swap or a new GPU, the cable is suspect number one — and it is the cheapest thing to test. Re-run the gray gradient after swapping cables to compare directly.

What is the difference between 6-bit, 8-bit, and 10-bit panels? ▼

Bit depth sets how many shades each red, green, and blue channel can show: 6-bit gives 64 shades per channel (262,144 total colors), 8-bit gives 256 per channel (16.7 million colors), and 10-bit gives 1,024 per channel (1.07 billion colors). The signature difference: 6-bit panels show bold, evenly-spaced stripes on smooth gradients; 8-bit panels look smooth except possibly in extreme dark tones; 10-bit panels are essentially band-free when fed a 10-bit signal. Many "8-bit" budget monitors are actually 6-bit+FRC (dithering simulated) — this test helps expose that.

Why does banding appear in dark scenes? ▼

Human vision is most sensitive to steps in dark tones, and dark gradients concentrate the few available near-black shades over large screen areas — so every weakness in bit depth shows up first in shadows, fog, and night skies. Additionally, some panels and "black stabilizer" gaming features crush or quantize near-black detail. That is why this tool includes a dedicated dark-range gradient (#000→#333): it is a torture test for exactly the tones where banding hides. Faint stepping only in the bottom 5% is normal on consumer panels.

Is banding on YouTube my monitor’s fault? ▼

Usually not. Streaming services compress video aggressively, and gradients are the first casualty — blocky, shifting patches in dark scenes are bitrate artifacts, not panel defects. The decisive test: pause the video and open this page. If our lossless gradients are smooth but YouTube bands, your monitor is innocent and the video encoding is guilty. Try a higher quality setting or a local high-bitrate file to confirm before touching any display settings.

Does dithering fix color banding? ▼

Dithering (and temporal FRC — frame rate control) masks banding by sprinkling noise among adjacent shades so the eye averages them into intermediate tones. It works well: most 6-bit+FRC panels look convincingly smooth in normal content. But it is camouflage, not extra real shades — a torture gradient like our dark-range ramp can still reveal the underlying steps, and poor dithering can add faint grain visible nose-to-screen. Enable GPU dithering or "deep color" output if offered; it strictly helps.

Can I test banding on my phone or TV? ▼

Yes. Modern OLED phones typically render superb gradients — open this page in the mobile browser and check the gray and dark ramps. On TVs, use the built-in browser or cast from a laptop, and first disable "vivid", noise reduction, and energy-saving modes, which all quantize gradients. Also check whether the TV is receiving full-range RGB: many TVs default to limited range on HDMI, which is a classic hidden cause of banding that costs nothing to fix.

Is this test safe for my screen? ▼

Completely safe. The tool displays calm static gradients rendered by normal CSS — no strobing, no high-brightness flashing, no hours-long pixel-fixer loops. There is nothing here that can damage LCD, OLED, or any other panel type, and a two-minute manual check is far below any burn-in threshold. All rendering is local with zero network requests, no camera access, and no data collection.

Does HDR reduce or cause color banding? ▼

HDR usually reduces banding, because the standard 10-bit HDR pipeline carries four times as many shades as 8-bit SDR, and smoother ramps mean fewer visible steps. That is exactly why a gradient which looks striped in SDR can look clean the moment HDR is enabled. The catch is that HDR also raises peak brightness and stretches the tonal range, so any weak link in the chain becomes more visible: an 8-bit source, a subsampled signal, or a panel that accepts a 10-bit input and dithers it down internally will still show steps, now spread across a wider range. Test the same dark ramp in both SDR and HDR on your display and compare where the bands fall.

How do I check whether my display is actually running at 10-bit? ▼

The operating system rarely states it plainly, so check the graphics driver instead. On Windows, open the GPU control panel and look for the output color depth or color format entry for your display; on Linux the display settings or the driver tool usually lists it. A 10-bit desktop mode needs all four links to agree: a 10-bit capable GPU output, a cable with enough bandwidth, a display input that accepts it, and a picture mode that does not force 8-bit. Once that is set, run a smooth gray ramp and compare it with the same ramp in 8-bit mode. If the band count is identical, the extra depth is not reaching the panel.

Quick Summary

Color Banding Test is a free online tool that checks gradient smoothness using six lossless GPU-rendered gradients (gray, red, green, blue, dark-range, light-range) with horizontal/vertical direction toggle. It detects panel bit-depth limits and signal-chain banding on LCD, OLED, IPS, VA, TN, and Mini-LED displays — monitors, laptops, TVs, tablets, and phones. All testing runs locally in your browser. No download, no camera, no data collection. Use it to judge a display before purchase, to diagnose a striped sky in a game or film, and to confirm that a cable, driver, or bit-depth change genuinely improved the gradient.