-
Notifications
You must be signed in to change notification settings - Fork 2
/
color-match.html
25 lines (19 loc) · 1.83 KB
/
color-match.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<body>
<p style="position: fixed; top: 0px; left:100px; width: 100px;">Image with maximum red, green, blue in sRGB</p>
<p style="position: fixed; top: 0px; left:300px; width: 100px;">Image with maximum red, green, blue in Display P3</p>
<p style="position: fixed; top: 0px; left:500px; width: 100px;">Image with maximum red, green, blue in Rec2020</p>
<img style="position: fixed; top: 100px; left:100px; width:100px; height:300px" src="color-match-srgb.jpg"/>
<img style="position: fixed; top: 100px; left:300px; width:100px; height:300px" src="color-match-display-p3.jpg"/>
<img style="position: fixed; top: 100px; left:500px; width:100px; height:300px" src="color-match-rec2020.jpg"/>
<p style="background-color: rgb(255,0,0); position: fixed; top: 150px; left:50px; width: 150px;">rgb(255, 0, 0)</p>
<p style="background-color: rgb(0,255,0); position: fixed; top: 250px; left:50px; width: 150px;">rgb(0, 255, 0)</p>
<p style="background-color: rgb(0,0,255); position: fixed; top: 350px; left:50px; width: 150px;">rgb(0, 0, 255)</p>
<p style="background-color: color(display-p3 1 0 0); position: fixed; top: 150px; left:250px; width: 150px;">color(display-p3 1 0 0)</p>
<p style="background-color: color(display-p3 0 1 0); position: fixed; top: 250px; left:250px; width: 150px;">color(display-p3 0 1 0)</p>
<p style="background-color: color(display-p3 0 0 1); position: fixed; top: 350px; left:250px; width: 150px;">color(display-p3 0 0 1)</p>
<p style="background-color: color(rec2020 1 0 0); position: fixed; top: 150px; left:450px; width: 150px;">color(rec2020 1 0 0)</p>
<p style="background-color: color(rec2020 0 1 0); position: fixed; top: 250px; left:450px; width: 150px;">color(rec2020 0 1 0)</p>
<p style="background-color: color(rec2020 0 0 1); position: fixed; top: 350px; left:450px; width: 150px;">color(rec2020 0 0 1)</p>
</body>
</html>