Add black and white

beaufortfrancois · Nov 8, 2017 · 7bf670b · 7bf670b
1 parent 22f3e66
commit 7bf670b
Showing 1 changed file with 44 additions and 8 deletions.
diff --git a/colors/index.html b/colors/index.html
@@ -9,28 +9,34 @@
     max-width: 1050px;
     overflow: hidden;
     display: grid;
-    grid-template-columns: 10% 15% 15% 15% 15% 15% 15%;
+    grid-template-columns: 20% 10% 10% 10% 10% 10% 10% 10% 10%;
   }
-  #wrapper div:nth-child(7n + 1) {
+  #wrapper div:nth-child(9n + 1) {
   }
-  #wrapper div:nth-child(7n + 2) {
+  #wrapper div:nth-child(9n + 2) {
     background: rgb(255, 0, 0);
   }
-  #wrapper div:nth-child(7n + 3) {
+  #wrapper div:nth-child(9n + 3) {
     background: rgb(0, 255, 0);
   }
-  #wrapper div:nth-child(7n + 4) {
+  #wrapper div:nth-child(9n + 4) {
     background: rgb(0, 0, 255);
   }
-  #wrapper div:nth-child(7n + 5) {
+  #wrapper div:nth-child(9n + 5) {
     background: rgb(255, 255, 0);
   }
-  #wrapper div:nth-child(7n + 6) {
+  #wrapper div:nth-child(9n + 6) {
     background: rgb(0, 255, 255);
   }
-  #wrapper div:nth-child(7n + 7) {
+  #wrapper div:nth-child(9n + 7) {
     background: rgb(255, 0, 255);
   }
+  #wrapper div:nth-child(9n + 8) {
+    background: rgb(255, 255, 255);
+  }
+  #wrapper div:nth-child(9n + 9) {
+    background: rgb(0, 0, 0);
+  }
   #wrapper div {
     height: 150px;
     line-height: 150px;
@@ -88,6 +94,12 @@
   <div>
     <img src="magenta-rec2020.png">
   </div>
+  <div>
+    <img src="white-rec2020.png">
+  </div>
+  <div>
+    <img src="black-rec2020.png">
+  </div>
   <div>DCI P3</div>
   <div>
     <img src="red-p3.png">
@@ -107,6 +119,12 @@
   <div>
     <img src="magenta-p3.png">
   </div>
+  <div>
+    <img src="white-p3.png">
+  </div>
+  <div>
+    <img src="black-p3.png">
+  </div>
   <div>Adobe RGB</div>
   <div>
     <img src="red-adobergb.png">
@@ -126,6 +144,12 @@
   <div>
     <img src="magenta-adobergb.png">
   </div>
+  <div>
+    <img src="white-adobergb.png">
+  </div>
+  <div>
+    <img src="black-adobergb.png">
+  </div>
   <div>sRGB</div>
   <div>
     <img src="red-srgb.png">
@@ -145,6 +169,12 @@
   <div>
     <img src="magenta-srgb.png">
   </div>
+  <div>
+    <img src="white-srgb.png">
+  </div>
+  <div>
+    <img src="black-srgb.png">
+  </div>
   <div>No Color Profile</div>
   <div>
     <img src="red-nocolorprofile.png">
@@ -164,6 +194,12 @@
   <div>
     <img src="magenta-nocolorprofile.png">
   </div>
+  <div>
+    <img src="white-nocolorprofile.png">
+  </div>
+  <div>
+    <img src="black-nocolorprofile.png">
+  </div>
 </div>
 
 <p>For info, this screen currently supports approximately:</p>