Browser Gamma Correction Test Page

Gamma-labelled PNGs (1/2.2) on CSS Colors

This page was created in order to test the self-consistency of web browsers' gamma correction. In brief, if they gamma-correct CSS colors on non-sRGB systems (which is required, according to the CSS-1 specification), then they should also gamma-correct unlabelled images in the same way. Alternatively, if they don't gamma-correct CSS colors (which violates CSS, although it is allowed for HTML colors), then they should not gamma-correct unlabelled images, either. In the latter case, however, labelled images (such as PNGs with a gAMA, cHRM, sRGB or iCCP chunk, including the ones on this page) are unlikely to match the CSS colors across all platforms.

This version of the page uses PNG images labelled with gamma 1/2.2 (i.e., 0.454545...) and CSS colors for the backgrounds of the table cells. The images will be distinct from the cell backgrounds on a non-sRGB system (such as most Macs, SGIs and NeXT cubes) if the browser gamma-corrects only one of the two. On an sRGB system, such as most Windows- and Unix-based PCs, the edges of the images will be invisible regardless of any gamma correction (unless, of course, the implementation of gamma correction is broken).

ffffff

ffffcc

ffff99

ffff66

ffff33

ffff00