| <html> |
| <style> |
| .purple { |
| border: solid 20px #560063; |
| } |
| </style> |
| <body> |
| <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> |
| <img src="resources/purple-srgb.png" class="purple" /> |
| <img src="resources/purple-srgb.png" class="purple" style="-webkit-color-correction: default;"/> |
| <img src="resources/purple-srgb.png" class="purple" style="-webkit-color-correction: sRGB;"/> |
| </body> |
| </html> |