LayoutTests/fast/css/color-correction.html

   1 <html>
   2 <style>
   3 .purple {
   4     border: solid 20px #560063;
   5 }
   6 </style>
   7 <body>
   8 <p>This test demonstrates -webkit-color-correction. Below are 3 images with 20 pixel borders. The images are all the same -- purple with an sRGB color profile. The border is the same CSS color for all three images. The first image has no special CSS. The second has -webkit-color-correction set to default, so it matches the first image. And the third has -webkit-color-correction set to sRGB. This color-corrects the purple border from the sRGB color space, and the result is that the border and the image match.</p>
   9 <img src="resources/purple-srgb.png" class="purple" />
  10 <img src="resources/purple-srgb.png" class="purple" style="-webkit-color-correction: default;"/>
  11 <img src="resources/purple-srgb.png" class="purple" style="-webkit-color-correction: sRGB;"/>
  12 </body>
  13 </html>