InputTestHub

Sub-pixel Layout Test

Magnified one-pixel lines that let you identify RGB, BGR or pentile sub-pixel order and fix colour fringing on text.

Screen Tests Nothing uploaded No sign-up Free, unlimited
Screen Tests tool
The test starts automatically — follow the prompts above.
In short Every pixel is made of separate red, green and blue sub-pixels, and their order across the screen is usually RGB but is BGR on some panels and an irregular pentile arrangement on many OLEDs. That order matters for one visible reason: sub-pixel anti-aliasing, which sharpens text by lighting individual sub-pixels, has to know the layout. If your text has orange and blue colour fringes, it is being rendered for RGB order on a BGR panel or the reverse. On Windows, running the ClearType Text Tuner usually fixes it; on a BGR panel, greyscale anti-aliasing is often cleaner than trying to correct it. To actually see the layout, photograph the white lines with a phone camera held very close, or use a magnifying glass — the order of the coloured stripes within each line is the answer. Pentile OLED panels are a separate case: they share sub-pixels between neighbouring pixels, which is why text on some phones looks slightly fringed no matter what setting you use.

How to use the Sub-pixel Layout Test

  1. The test starts on its own — no button to press and nothing to install.
  2. Follow the prompt in the test panel and watch the readings update live.
  3. Press Reset to start over with a clean slate.

About the Sub-pixel Layout Test

The Sub-pixel Layout Test magnified one-pixel lines that let you identify RGB, BGR or pentile sub-pixel order and fix colour fringing on text. It runs as plain JavaScript inside the page, which means there is no upload step, no queue and no size limit imposed by a server — the only limit is your own device.

What people use it for

  • Diagnosing coloured fringes on text.
  • Deciding whether to switch off sub-pixel anti-aliasing.
  • Identifying a BGR panel before tuning ClearType.

Frequently asked questions

Why does my text have orange and blue edges?
Sub-pixel anti-aliasing tuned for RGB order being displayed on a BGR panel, or vice versa. On Windows run the ClearType Text Tuner; on a BGR panel, greyscale anti-aliasing usually looks cleaner.
How do I actually see the sub-pixels?
Photograph the white lines above with a phone camera held very close, or use a magnifying glass. The order of the coloured stripes within each line is your panel's layout.
Do I need an account to use the Sub-pixel Layout Test?
There is no cost and no cap. The Sub-pixel Layout Test is not a demo of a paid product, so nothing is held back or watermarked.
Can you see what I put into this tool?
No. The Sub-pixel Layout Test runs entirely in your browser using JavaScript. Because the work happens locally, the tool also keeps working if your connection drops, and closing the tab is all it takes to discard everything.
Who is the Sub-pixel Layout Test for?
Typical uses: diagnosing coloured fringes on text. Deciding whether to switch off sub-pixel anti-aliasing. Identifying a BGR panel before tuning ClearType. It is built for exactly those cases rather than being a general-purpose tool with this bolted on.
Why does the test start on its own?
No installation, no extension and no driver. The Sub-pixel Layout Test uses the browser's own device APIs and begins as soon as the page loads, so there is nothing to press first. Press Reset at any point to start over with a clean slate.

Related screen tests tools

All 38
01

White Screen

Fills your entire screen with solid white. Cleaning the screen, spotting dust and dark…

02

Black Screen

Fills your entire screen with solid black. Finding stuck pixels, backlight bleed and IPS glow…

03

Red Screen

Fills your entire screen with solid red. Checking the red sub-pixels across the panel and…

04

Green Screen

Fills your entire screen with solid green. Checking green sub-pixels — the channel the eye is…

05

Blue Screen

Fills your entire screen with solid blue. Checking blue sub-pixels and spotting the colour…

06

Cyan Screen

Fills your entire screen with solid cyan. Testing green and blue together, which often exposes…

07

Magenta Screen

Fills your entire screen with solid magenta. Testing red and blue together and checking for…

08

Yellow Screen

Fills your entire screen with solid yellow. Testing red and green together — the brightest…

09

Grey Screen

Fills your entire screen with solid grey. The best single colour for judging panel uniformity…

10

Orange Screen

Fills your entire screen with solid orange. A warm mid-tone that shows tint shifts across the…