maxichrome/example.html at master · eobrain/maxichrome · GitHub

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
26
27
28
29
30
31
32
33

<html>
  <head>
    <title>Palettes of 12 Generated by Maxichrome</title>
    <style>
      table{
        border-spacing: 0;
      }
      td{
        padding: 7em 1em;
      }
    </style>
  </head>
  <body>
    <h1>Palettes of 12 Generated by Maxichrome</h1>
    <table>
      <tr style="color:black">
        <th>Colors for black text</th>
        <td style="background:#ea1936">#ea1936</td><td style="background:#ff632a">#ff632a</td><td style="background:yellow">yellow</td><td style="background:#ff66f6">#ff66f6</td><td style="background:#90d000">#90d000</td><td style="background:#6f6b38">#6f6b38</td><td style="background:#56921d">#56921d</td><td style="background:#8475ea">#8475ea</td><td style="background:#56699f">#56699f</td><td style="background:#9bbdfe">#9bbdfe</td><td style="background:#62a6ab">#62a6ab</td><td style="background:#a8f0ff">#a8f0ff</td>
      </tr>
      <tr style="height:1em"></tr>
      <tr style="color:white">
        <th style="color:black">Colors for white text</th>
        <td style="background:#de1376">#de1376</td><td style="background:#a2005a">#a2005a</td><td style="background:#453900">#453900</td><td style="background:#171d00">#171d00</td><td style="background:#256203">#256203</td><td style="background:#000048">#000048</td><td style="background:#008400">#008400</td><td style="background:#07258e">#07258e</td><td style="background:#02537a">#02537a</td><td style="background:#029d72">#029d72</td><td style="background:#0c6ad1">#0c6ad1</td><td style="background:#0086ff">#0086ff</td>
      </tr>
      <tr style="height:1em"></tr>
      <tr>
        <th>Colors, ignoring text color</th>
        <td style="color:#000026; background:#ba0816">#ba0816</td><td style="color:black; background:#ee03bc">#ee03bc</td><td style="color:#00001a; background:yellow">yellow</td><td style="color:#000037; background:#778600">#778600</td><td style="color:#00002c; background:#84bc08">#84bc08</td><td style="color:white; background:#1c2c00">#1c2c00</td><td style="color:#230041; background:#1d6100">#1d6100</td><td style="color:#ffff73; background:#000058">#000058</td><td style="color:#000001; background:#8ddcff">#8ddcff</td><td style="color:#f8ff8e; background:#073f9d">#073f9d</td><td style="color:#020001; background:#0075a6">#0075a6</td><td style="color:#000001; background:#269efc">#269efc</td>
      </tr>
    <table>
  </body>
</html>