1. AdobeRGB & sRGB squared chart

The charts below were created to test the ability of a system to display small (5%) differences in the brightness of colours towards the edges of sRGB and AdobeRGB colour spaces. Use the button to swap between charts created in sRGB and AdobeRGB colour spaces. To work properly this webpage MUST be viewed in a colour manged web-browser. If the colours remain absolutely identical when swapping between charts, the browser is not colour managed. Try another browser or, download the charts, (Right click > Save Image As...) and view directly in a colour managed image editor.

The grey scale across the top should look neutral and all the smaller grey centre squares should be clearly visible. If they are not, your monitor's brightness, contrast and white point may need adjusting / calibrating, or your monitor profile maybe set incorrectly.

Look at the sRGB test chart first. This is the least demanding test. The smaller centre squares should be visible from left (least demanding) to right (more demanding) across each row. If they are not, then your current setup (monitor + applied profile) is failing to display colours towards the edges of sRGB colour space. Most systems should be able to display the majority of sRGB colour space, therefore it is likely that your setup requires adjusting / calibrating.

Now swap to the AdobeRGB chart. This is a more demanding test which will reveal if the monitor / setup can display colours towards the edges of the larger AdobeRGB colour space. The further to the right the smaller centre squares remain visible the better.

If you can see all the smaller centre squares on the AdobeRGB chart, your system is able to display small changes in the brightness of colours at the edges of AdobeRGB colour space without clipping. If your system is used to edit photos, you can work in sRGB or AdobeRGB colour space without problems. If you want the best colour accuracy it may also be worth calibrating your system, if you haven't already.

If some of the smaller centre squares on the right are no longer visible, your system is struggling to display the full extents of AdobeRGB colour space. Check the following;

If you have an sRGB monitor then this is to be expected because some of the colours on the right will be outside the range that your monitor can display (they are out of gamut) and will have been clipped. My sRGB monitor only displays up to 85% brightness in 0° and 330° hues, and 90% in the 300° hue. To avoid any potential problems this might cause, whilst editing photos, I prefer to edit in sRGB colour space.
If you have a wide gamut monitor, your system should be able to display most or all of the colours in AdobeRGB colour space, so none of the smaller squares should disappear. (My 2017 iMac Retina display almost achieves this). If some squares disappear, check that your system is applying the correct monitor profile and adjust / calibrate your system if needed.

Technical notes

The two charts contain identical image data in RGB colour space. The data includes values that extend right to the outer edges (R, G or B = 255) of that space. The image data is then tagged with an sRGB or AdobedRGB profile so the system can decode and display the image data accordingly.

This test does not prove that the a system is displaying accurate colours (a colour calibration device is required for that). It simply checks that a system is able to display a wide range of intense colours, without clipping, at the edges of AdobeRGB and sRGB colour spaces. This relies on having a correctly adjusted display (brightness/contrast etc.) and an appropriate display profile.

A few of the colours used in the charts may lie outside the range of colours that occur in nature. However, with the increasing us of wide gamut displays and a trend towards producing graphics and images with boosted colour and saturation, the ablility of a system to display such colours without clipping is important.