paint_buckets/dyes_of_5_colors_based.html

807 lines
19 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Palette color coding</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
div {
border-style: dotted;
border-width: 1px;
}
</style></head><body style="font-size: 12px;">
<table border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<th colspan="5" rowspan="1" style="vertical-align: top;">Primary
Colors</th>
</tr>
<tr>
<td>
<div> C=0, M=0, Y=0
<div style="background-color: white;">P1<img style="width: 48px; height: 48px;" alt="#FFFFFF" title="#FFFFFF" src="paint_buckets/textures/p1.png"></div>
</div>
</td>
<td>
<div> C=100, M=0, Y=0
<div style="background-color: aqua;">P2<img style="width: 48px; height: 48px;" alt="#00FFFF" title="#00FFFF" src="paint_buckets/textures/p2.png"></div>
</div>
</td>
<td>
<div> C=0, M=100, Y=0
<div style="background-color: fuchsia;">P3<img style="width: 48px; height: 48px;" alt="#FF00FF" title="#FF00FF" src="paint_buckets/textures/p3.png"></div>
</div>
</td>
<td>
<div> C=0, M=0, Y=100
<div style="background-color: yellow;">P4<img style="width: 48px; height: 48px;" alt="#FFFF00" title="#FFFF00" src="paint_buckets/textures/p4.png"></div>
</div>
</td>
<td>
<div> C=100, M=100, Y=100
<div style="background-color: black; color: white;">P5<img style="width: 48px; height: 48px;" alt="#000000" title="#000000" src="paint_buckets/textures/p5.png"></div>
</div>
</td>
</tr>
</tbody>
</table>
<table border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<th colspan="5" rowspan="1" style="vertical-align: top;"><br>
</th>
</tr>
<tr>
<td>
<div> C=50, M=50, Y=50
<div style="background-color: gray;">S4<img style="width: 48px; height: 48px;" alt="#808080" title="#808080" src="paint_buckets/textures/s4.png"></div>
</div>
</td>
<td>
<div> C=0, M=0, Y=50
<div style="background-color: rgb(255, 255, 128);">S3<img style="width: 48px; height: 48px;" alt="#ffff80" title="#ffff80" src="paint_buckets/textures/s3.png"></div>
</div>
</td>
<td>
<div> C=0, M=50, Y=0
<div style="background-color: rgb(255, 128, 255);">S2<img style="width: 48px; height: 48px;" alt="#ff80ff" title="#ff80ff" src="paint_buckets/textures/s2.png"></div>
</div>
</td>
<td>
<div> C=50, M=0, Y=0
<div style="background-color: rgb(128, 255, 255);">S1<img style="width: 48px; height: 48px;" alt="#80ffff" title="#80ffff" src="paint_buckets/textures/s1.png"></div>
</div>
</td>
<td>
<div> C=0, M=0, Y=0
<div style="background-color: white;">P1<img style="width: 48px; height: 48px;" alt="#FFFFFF" title="#FFFFFF" src="paint_buckets/textures/p1.png"></div>
</div>
</td>
</tr>
<tr>
<td>
<div> C=100, M=50, Y=50
<div style="background-color: teal;">S7</div>
</div>
</td>
<td>
<div> C=100, M=0, Y=100
<div style="background-color: lime;">S6</div>
</div>
</td>
<td>
<div> C=100, M=100, Y=0
<div style="background-color: blue; color: white;">S5<img style="width: 48px; height: 48px;" alt="#0000FF" title="#0000FF" src="paint_buckets/textures/s5.png"></div>
</div>
</td>
<td>
<div> C=100, M=0, Y=0
<div style="background-color: aqua;">P2<img style="width: 48px; height: 48px;" alt="#00FFFF" title="#00FFFF" src="paint_buckets/textures/p2.png"></div>
</div>
</td>
</tr>
<tr>
<td>
<div> C=50, M=100, Y=50
<div style="background-color: purple;">S9</div>
</div>
</td>
<td>
<div> C=0, M=100, Y=100
<div style="background-color: red;">S8</div>
</div>
</td>
<td>
<div> C=0, M=100, Y=0
<div style="background-color: fuchsia;">P3<img style="width: 48px; height: 48px;" alt="#FF00FF" title="#FF00FF" src="paint_buckets/textures/p3.png"></div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=50, M=50, Y=100
<div style="background-color: olive;">S10</div>
</div>
</td>
<td>
<div> C=0, M=0, Y=100
<div style="background-color: yellow;">P4<img style="width: 48px; height: 48px;" alt="#FFFF00" title="#FFFF00" src="paint_buckets/textures/p4.png"></div>
</div>
</td>
</tr>
<tr>
<td>
<div> C=100, M=100, Y=100
<div style="background-color: black; color: white;">P5<img style="width: 48px; height: 48px;" alt="#000000" title="#000000" src="paint_buckets/textures/p5.png"></div>
</div>
</td>
</tr>
</tbody>
</table>
<table border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<th colspan="10" rowspan="1" style="vertical-align: top;"><br>
</th>
</tr>
<tr>
<td>
<div>C=25, M=25, Y=50
<div style="background-color: rgb(191, 191, 128);">T10</div>
</div>
</td>
<td>
<div>C=25, M=50, Y=25
<div style="background-color: rgb(191, 128, 191);">T9</div>
</div>
</td>
<td>
<div>C=0, M=50, Y=50
<div style="background-color: rgb(255, 128, 128);">T8</div>
</div>
</td>
<td>
<div>C=50, M=25, Y=25
<div style="background-color: rgb(128, 191, 191);">T7</div>
</div>
</td>
<td>
<div>C=50, M=0, Y=50
<div style="background-color: rgb(128, 255, 128);">T6</div>
</div>
</td>
<td>
<div>C=50, M=50, Y=0
<div style="background-color: rgb(128, 128, 255);">T5</div>
</div>
</td>
<td>
<div>C=25 M=25, Y=25
<div style="background-color: rgb(191, 191, 191);">T4</div>
</div>
</td>
<td>
<div>C=0, M=0, Y=25
<div style="background-color: rgb(255, 255, 191);">T3</div>
</div>
</td>
<td>
<div>C=0, M=25, Y=0
<div style="background-color: rgb(255, 191, 255);">T2</div>
</div>
</td>
<td>
<div>C=25, M=0, Y=0
<div style="background-color: rgb(191, 255, 255);">T1</div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=75, M=25, Y=50
<div style="background-color: rgb(64, 191, 128);">T19</div>
</div>
</td>
<td>
<div>C=75, M=50, Y=25
<div style="background-color: rgb(64, 128, 191);">T18</div>
</div>
</td>
<td>
<div>C=100, M=100, Y=100
<div style="background-color: black; color: white;">P5<br>
</div>
</div>
</td>
<td>
<div>C=100, M=25, Y=25
<div style="background-color: rgb(0, 191, 191);">T17</div>
</div>
</td>
<td>
<div>C=100, M=0, Y=50
<div style="background-color: rgb(0, 255, 128);">T16</div>
</div>
</td>
<td>
<div>C=100, M=50, Y=0
<div style="background-color: rgb(0, 128, 255);">T15</div>
</div>
</td>
<td>
<div>C=75, M=25, Y=25
<div style="background-color: rgb(64, 191, 191);">T14</div>
</div>
</td>
<td>
<div>C=50, M=0, Y=25
<div style="background-color: rgb(128, 255, 191);">T13</div>
</div>
</td>
<td>
<div>C=50, M=25, Y=0
<div style="background-color: rgb(128, 191, 255);">T12</div>
</div>
</td>
<td>
<div>C=75, M=0, Y=0
<div style="background-color: rgb(64, 255, 255);">T11</div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=25, M=75, Y=50
<div style="background-color: rgb(191, 64, 128);">T28</div>
</div>
</td>
<td>
<div>C=25, M=100, Y=25
<div style="background-color: rgb(191, 0, 191);">T27</div>
</div>
</td>
<td>
<div>C=0, M=100, Y=50
<div style="background-color: rgb(255, 0, 128);">T26</div>
</div>
</td>
<td>
<div>C=50, M=75, Y=25
<div style="background-color: rgb(128, 64, 191);">T25</div>
</div>
</td>
<td>
<div>C=100, M=100, Y=100
<div style="background-color: black; color: white;">P5<br>
</div>
</div>
</td>
<td>
<div>C=50, M=100, Y=0
<div style="background-color: rgb(128, 0, 255);">T24</div>
</div>
</td>
<td>
<div>C=25, M=75, Y=25
<div style="background-color: rgb(191, 0, 191);">T23</div>
</div>
</td>
<td>
<div>C=0, M=50, Y=25
<div style="background-color: rgb(255, 128, 191);">T22</div>
</div>
</td>
<td>
<div>C=0, M=75, Y=0
<div style="background-color: rgb(255, 64, 255);">T21</div>
</div>
</td>
<td>
<div>C=25, M=50, Y=0
<div style="background-color: rgb(191, 128, 255);">T20</div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=25, M=25, Y=100
<div style="background-color: rgb(191, 191, 0);">T37</div>
</div>
</td>
<td>
<div>C=25, M=50, Y=75
<div style="background-color: rgb(191, 128, 64);">T36</div>
</div>
</td>
<td>
<div>C=0, M=50, Y=100
<div style="background-color: rgb(255, 128, 0);">T35</div>
</div>
</td>
<td>
<div>C=50, M=25, Y=75
<div style="background-color: rgb(128, 191, 64);">T34</div>
</div>
</td>
<td>
<div>C=50, M=0, Y=100
<div style="background-color: rgb(128, 255, 0);">T33</div>
</div>
</td>
<td>
<div>C=100, M=100, Y=100
<div style="background-color: black; color: white;">P5<br>
</div>
</div>
</td>
<td>
<div>C=25, M=25, Y=75
<div style="background-color: rgb(191, 191, 64);">T32</div>
</div>
</td>
<td>
<div>C=0, M=0, Y=75
<div style="background-color: rgb(255, 255, 64);">T31</div>
</div>
</td>
<td>
<div>C=0, M=25, Y=50
<div style="background-color: rgb(255, 191, 128);">T30</div>
</div>
</td>
<td>
<div>C=25, M=0, Y=50
<div style="background-color: rgb(191, 255, 128);">T29</div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=75, M=75, Y=100
<div style="background-color: rgb(64, 64, 0); color: white;">T47</div>
</div>
</td>
<td>
<div>C=75, M=100, Y=75
<div style="background-color: rgb(64, 0, 64); color: white;">T46</div>
</div>
</td>
<td>
<div>C=50, M=100, Y=100
<div style="background-color: maroon; color: white;">T45</div>
</div>
</td>
<td>
<div>C=100, M=75, Y=75
<div style="background-color: rgb(0, 64, 64); color: white;">T44</div>
</div>
</td>
<td>
<div>C=100, M=50, Y=100
<div style="background-color: green;">T43</div>
</div>
</td>
<td>
<div>C=100, M=100, Y=50
<div style="background-color: navy; color: white;">T42</div>
</div>
</td>
<td>
<div>C=75, M=75, Y=75
<div style="background-color: rgb(64, 64, 64);">T41</div>
</div>
</td>
<td>
<div>C=50, M=50, Y=75
<div style="background-color: rgb(128, 128, 64);">T40</div>
</div>
</td>
<td>
<div>C=50, M=75, Y=50
<div style="background-color: rgb(128, 64, 128);">T39</div>
</div>
</td>
<td>
<div>C=75, M=50, Y=50
<div style="background-color: rgb(64, 128, 128);">T38</div>
</div>
</td>
</tr>
</tbody>
</table>
<table border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<th colspan="10" rowspan="1" style="vertical-align: top;"><br>
</th>
</tr>
<tr>
<td>
<div>C=50, M=25, Y=50
<div style="background-color: rgb(128, 191, 128);">Q7</div>
</div>
</td>
<td>
<div>C=50, M=50, Y=25
<div style="background-color: rgb(128, 128, 191);">Q6</div>
</div>
</td>
<td>
<div>C=25, M=50, Y=50
<div style="background-color: rgb(191, 128, 128);">Q5</div>
</div>
</td>
<td>
<div>C=75, M=25, Y=25
<div style="background-color: rgb(64, 191, 191);">T14<br>
</div>
</div>
</td>
<td>
<div>C=75, M=0, Y=50
<div style="background-color: rgb(64, 255, 128);">Q4</div>
</div>
</td>
<td>
<div>C=75, M=50, Y=0
<div style="background-color: rgb(64, 128, 255);">Q3</div>
</div>
</td>
<td>
<div>C=50, M=25, Y=25
<div style="background-color: rgb(128, 191, 191);">T7<br>
</div>
</div>
</td>
<td>
<div>C=25, M=0, Y=25<div style="background-color: rgb(191, 255, 191);">Q2</div>
</div>
</td>
<td>
<div>C=25, M=25, Y=0
<div style="background-color: rgb(191, 191, 255);">Q1</div>
</div>
</td>
<td>
<div>C=50, M=0, Y=0
<div style="background-color: rgb(128, 255, 255);">S1</div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=25, M=50, Y=50
<div style="background-color: rgb(191, 128, 128);">Q5<br>
</div>
</div>
</td>
<td>
<div>C=25, M=75, Y=25
<div style="background-color: rgb(191, 64, 191);">T23<br>
</div>
</div>
</td>
<td>
<div>C=0, M=75, Y=50
<div style="background-color: rgb(255, 64, 128);">Q10</div>
</div>
</td>
<td>
<div>C=50, M=50, Y=25
<div style="background-color: rgb(128, 128, 191);">Q6<br>
</div>
</div>
</td>
<td>
<div>C=50, M=25, Y=50
<div style="background-color: rgb(128, 191, 128);">Q7<br>
</div>
</div>
</td>
<td>
<div>C=50, M=75, Y=0
<div style="background-color: rgb(128, 64, 255);">Q9</div>
</div>
</td>
<td>
<div>C=25, M=50, Y=25
<div style="background-color: rgb(191, 128, 191);">T9<br>
</div>
</div>
</td>
<td>
<div>C=0, M=25, Y=25
<div style="background-color: rgb(255, 191, 191);">Q8</div>
</div>
</td>
<td>
<div>C=0, M=50, Y=0
<div style="background-color: rgb(255, 128, 255);">S2</div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=25, M=25, Y=75
<div style="background-color: rgb(191, 191, 64);">T32<br>
</div>
</div>
</td>
<td>
<div>C=25, M=50, Y=50
<div style="background-color: rgb(191, 128, 128);">Q5<br>
</div>
</div>
</td>
<td>
<div>C=0, M=50, Y=75
<div style="background-color: rgb(255, 128, 64);">Q11</div>
</div>
</td>
<td>
<div>C=50, M=25, Y=50
<div style="background-color: rgb(128, 191, 128);">Q7<br>
</div>
</div>
</td>
<td>
<div>C=50, M=0, Y=75
<div style="background-color: rgb(128, 255, 64);">Q11</div>
</div>
</td>
<td>
<div>C=50, M=50, Y=25
<div style="background-color: rgb(128, 128, 191);">Q6<br>
</div>
</div>
</td>
<td>
<div>C=25, M=25, Y=50
<div style="background-color: rgb(191, 191, 128);">T10<br>
</div>
</div>
</td>
<td>
<div>C=0, M=0, Y=50
<div style="background-color: rgb(255, 255, 128);">S3</div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=50, M=50, Y=75
<div style="background-color: rgb(128, 128, 64);">T40<br>
</div>
</div>
</td>
<td>
<div>C=50, M=75, Y=50
<div style="background-color: rgb(128, 64, 128);">T39</div>
</div>
</td>
<td>
<div>C=25, M=75, Y=75
<div style="background-color: rgb(191, 64, 64);">Q14</div>
</div>
</td>
<td>
<div>C=75, M=50, Y=50
<div style="background-color: rgb(64, 128, 128);">T38<br>
</div>
</div>
</td>
<td>
<div>C=75, M=25, Y=75
<div style="background-color: rgb(64, 191, 64);">Q13</div>
</div>
</td>
<td>
<div>C=75, M=75, Y=25
<div style="background-color: rgb(64, 64, 191); color: white;">Q12</div>
</div>
</td>
<td>
<div>C=50, M=50, Y=50
<div style="background-color: gray;">S4</div>
</div>
</td>
</tr>
<tr>
<td>
<div>C=75, M=75, Y=50
<div style="background-color: rgb(64, 64, 128);">Q17</div>
</div>
</td>
<td>
<div>C=75, M=100, Y=25
<div style="background-color: rgb(64, 0, 191);">Q16</div>
</div>
</td>
<td>
<div>C=50, M=100, Y=50
<div style="background-color: purple;">S9<br>
</div>
</div>
</td>
<td>
<div>C=100, M=75, Y=25
<div style="background-color: rgb(0, 64, 191);">Q15</div>
</div>
</td>
<td>
<div>C=100, M=50, Y=50
<div style="background-color: teal;">S7<br>
</div>
</div>
</td>
<td>
<div>C=100, M=100, Y=0
<div style="background-color: blue; color: white;">S5</div>
</div>
</td>
</tr><tr>
<td style="vertical-align: top;">
<div>C=75, M=25, Y=100
<div style="background-color: rgb(64, 191, 0);">Q20</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=75, M=50, Y=75
<div style="background-color: rgb(64, 128, 64);">Q19</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=50, M=50, Y=100
<div style="background-color: olive;">S10</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=100, M=25, Y=75
<div style="background-color: rgb(0, 191, 64);">Q18</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=100, M=0, Y=100
<div style="background-color: lime;">S6</div>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<div>C=75, M=50, Y=75
<div style="background-color: rgb(64, 128, 64);">Q19</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=75, M=75, Y=50
<div style="background-color: rgb(64, 64, 128);">Q17</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=50 M=75, Y=75
<div style="background-color: rgb(128, 64, 64);">Q21</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=100, M=50, Y=50
<div style="background-color: teal;">S7</div>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<div>C=25, M=75, Y=100
<div style="background-color: rgb(191, 64, 0);">Q23</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=25, M=100, Y=75
<div style="background-color: rgb(191, 0, 64);">Q22</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=0, M=100, Y=100
<div style="background-color: red;">S8</div>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<div>C=50, M=75, Y=75
<div style="background-color: rgb(128, 64, 64);">Q24</div>
</div>
</td>
<td style="vertical-align: top;">
<div>C=50, M=100, Y=50
<div style="background-color: purple;">S9</div>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<div>C=50, M=50, Y=100
<div style="background-color: olive;">S10</div>
</div>
</td>
</tr>
</tbody>
</table>
</body></html>