Difference between revisions of "Template:HWB-swatches"

From blackwiki
Jump to navigation Jump to search
imported>Andy Dingley
(cat)
imported>Cedar101
(html -> wikitext)
Line 1: Line 1:
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>0° Reds
+
! colspan="6" | 0° Reds
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#ff0000><td style=background:#cc0000><td style=background:#990000><td style=background:#660000><td style=background:#330000><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#ff3333><td style=background:#cc3333><td style=background:#993333><td style=background:#663333><td style=background:#333333><td style=background:#2a2b2b>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#ff6666><td style=background:#cc6666><td style=background:#996666><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#ff9999><td style=background:#cc9999><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #ff0000" |
−
<tr>
+
| style="background: #cc0000" |
−
<th>80%<td style=background:#ffcccc><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #990000" |
−
<tr>
+
| style="background: #660000" |
−
<th>100%<td style=background:#ffffff><td style=background:#d4d5d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #330000" |
−
</table>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #ff3333" |
 +
| style="background: #cc3333" |
 +
| style="background: #993333" |
 +
| style="background: #663333" |
 +
| style="background: #333333" |
 +
| style="background: #2a2b2b" |
 +
|-
 +
! 40%
 +
| style="background: #ff6666" |
 +
| style="background: #cc6666" |
 +
| style="background: #996666" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #ff9999" |
 +
| style="background: #cc9999" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ffcccc" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d4d5d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>30° Red-Yellows (Oranges)
+
! colspan="6" | 30° Red-Yellows (Oranges)
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#ff8000><td style=background:#cc6600><td style=background:#994d00><td style=background:#663300><td style=background:#331900><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#ff9933><td style=background:#cc8033><td style=background:#996633><td style=background:#664d33><td style=background:#333333><td style=background:#2a2a2b>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#ffb366><td style=background:#cc9966><td style=background:#998066><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#ffcc99><td style=background:#ccb399><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #ff8000" |
−
<tr>
+
| style="background: #cc6600" |
−
<th>80%<td style=background:#ffe6cc><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #994d00" |
−
<tr>
+
| style="background: #663300" |
−
<th>100%<td style=background:#ffffff><td style=background:#d4d5d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #331900" |
−
</table>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #ff9933" |
 +
| style="background: #cc8033" |
 +
| style="background: #996633" |
 +
| style="background: #664d33" |
 +
| style="background: #333333" |
 +
| style="background: #2a2a2b" |
 +
|-
 +
! 40%
 +
| style="background: #ffb366" |
 +
| style="background: #cc9966" |
 +
| style="background: #998066" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #ffcc99" |
 +
| style="background: #ccb399" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ffe6cc" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d4d5d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>60° Yellows
+
! colspan="6" | 60° Yellows
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#ffff00><td style=background:#cccc00><td style=background:#999900><td style=background:#666600><td style=background:#333300><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#ffff33><td style=background:#cccc33><td style=background:#999933><td style=background:#666633><td style=background:#333333><td style=background:#2a2a2b>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#ffff66><td style=background:#cccc66><td style=background:#999966><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#ffff99><td style=background:#cccc99><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #ffff00" |
−
<tr>
+
| style="background: #cccc00" |
−
<th>80%<td style=background:#ffffcc><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #999900" |
−
<tr>
+
| style="background: #666600" |
−
<th>100%<td style=background:#ffffff><td style=background:#d5d4d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #333300" |
−
</table><br>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #ffff33" |
 +
| style="background: #cccc33" |
 +
| style="background: #999933" |
 +
| style="background: #666633" |
 +
| style="background: #333333" |
 +
| style="background: #2a2a2b" |
 +
|-
 +
! 40%
 +
| style="background: #ffff66" |
 +
| style="background: #cccc66" |
 +
| style="background: #999966" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #ffff99" |
 +
| style="background: #cccc99" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ffffcc" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d5d4d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>90° Yellow-Greens
+
! colspan="6" | 90° Yellow-Greens
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#80ff00><td style=background:#66cc00><td style=background:#4d9900><td style=background:#336600><td style=background:#1a3300><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#99ff33><td style=background:#80cc33><td style=background:#669933><td style=background:#4d6633><td style=background:#333333><td style=background:#2a2a2b>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#b3ff66><td style=background:#99cc66><td style=background:#809966><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#ccff99><td style=background:#b3cc99><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #80ff00" |
−
<tr>
+
| style="background: #66cc00" |
−
<th>80%<td style=background:#e6ffcc><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #4d9900" |
−
<tr>
+
| style="background: #336600" |
−
<th>100%<td style=background:#ffffff><td style=background:#d5d4d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #1a3300" |
−
</table>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #99ff33" |
 +
| style="background: #80cc33" |
 +
| style="background: #669933" |
 +
| style="background: #4d6633" |
 +
| style="background: #333333" |
 +
| style="background: #2a2a2b" |
 +
|-
 +
! 40%
 +
| style="background: #b3ff66" |
 +
| style="background: #99cc66" |
 +
| style="background: #809966" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #ccff99" |
 +
| style="background: #b3cc99" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #e6ffcc" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d5d4d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>120° Greens
+
! colspan="6" | 120° Greens
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#00ff00><td style=background:#00cc00><td style=background:#009900><td style=background:#006600><td style=background:#003300><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#33ff33><td style=background:#33cc33><td style=background:#339933><td style=background:#336633><td style=background:#333333><td style=background:#2b2a2b>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#66ff66><td style=background:#66cc66><td style=background:#669966><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#99ff99><td style=background:#99cc99><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #00ff00" |
−
<tr>
+
| style="background: #00cc00" |
−
<th>80%<td style=background:#ccffcc><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #009900" |
−
<tr>
+
| style="background: #006600" |
−
<th>100%<td style=background:#ffffff><td style=background:#d5d4d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #003300" |
−
</table>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #33ff33" |
 +
| style="background: #33cc33" |
 +
| style="background: #339933" |
 +
| style="background: #336633" |
 +
| style="background: #333333" |
 +
| style="background: #2b2a2b" |
 +
|-
 +
! 40%
 +
| style="background: #66ff66" |
 +
| style="background: #66cc66" |
 +
| style="background: #669966" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #99ff99" |
 +
| style="background: #99cc99" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ccffcc" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d5d4d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>150° Green-Cyans
+
! colspan="6" | 150° Green-Cyans
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#00ff7f><td style=background:#00cc66><td style=background:#00994c><td style=background:#006633><td style=background:#003319><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#33ff99><td style=background:#33cc7f><td style=background:#339966><td style=background:#33664c><td style=background:#333333><td style=background:#2b2a2a>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#66ffb2><td style=background:#66cc99><td style=background:#66997f><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#99ffcc><td style=background:#99ccb3><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #00ff7f" |
−
<tr>
+
| style="background: #00cc66" |
−
<th>80%<td style=background:#ccffe5><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #00994c" |
−
<tr>
+
| style="background: #006633" |
−
<th>100%<td style=background:#ffffff><td style=background:#d5d4d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #003319" |
−
</table><br>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #33ff99" |
 +
| style="background: #33cc7f" |
 +
| style="background: #339966" |
 +
| style="background: #33664c" |
 +
| style="background: #333333" |
 +
| style="background: #2b2a2a" |
 +
|-
 +
! 40%
 +
| style="background: #66ffb2" |
 +
| style="background: #66cc99" |
 +
| style="background: #66997f" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #99ffcc" |
 +
| style="background: #99ccb3" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ccffe5" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d5d4d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>180° Cyans
+
! colspan="6" | 180° Cyans
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#00ffff><td style=background:#00cccc><td style=background:#009999><td style=background:#006666><td style=background:#003333><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#33ffff><td style=background:#33cccc><td style=background:#339999><td style=background:#336666><td style=background:#333333><td style=background:#2b2a2a>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#66ffff><td style=background:#66cccc><td style=background:#669999><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#99ffff><td style=background:#99cccc><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #00ffff" |
−
<tr>
+
| style="background: #00cccc" |
−
<th>80%<td style=background:#ccffff><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #009999" |
−
<tr>
+
| style="background: #006666" |
−
<th>100%<td style=background:#ffffff><td style=background:#d5d5d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #003333" |
−
</table>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #33ffff" |
 +
| style="background: #33cccc" |
 +
| style="background: #339999" |
 +
| style="background: #336666" |
 +
| style="background: #333333" |
 +
| style="background: #2b2a2a" |
 +
|-
 +
! 40%
 +
| style="background: #66ffff" |
 +
| style="background: #66cccc" |
 +
| style="background: #669999" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #99ffff" |
 +
| style="background: #99cccc" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ccffff" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d5d5d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>210° Cyan-Blues
+
! colspan="6" | 210° Cyan-Blues
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#007fff><td style=background:#0066cc><td style=background:#004c99><td style=background:#003366><td style=background:#001933><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#3399ff><td style=background:#337fcc><td style=background:#336699><td style=background:#334c66><td style=background:#333333><td style=background:#2b2a2a>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#66b2ff><td style=background:#6699cc><td style=background:#667f99><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#99ccff><td style=background:#99b3cc><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #007fff" |
−
<tr>
+
| style="background: #0066cc" |
−
<th>80%<td style=background:#cce5ff><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #004c99" |
−
<tr>
+
| style="background: #003366" |
−
<th>100%<td style=background:#ffffff><td style=background:#d5d5d4><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #001933" |
−
</table>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #3399ff" |
 +
| style="background: #337fcc" |
 +
| style="background: #336699" |
 +
| style="background: #334c66" |
 +
| style="background: #333333" |
 +
| style="background: #2b2a2a" |
 +
|-
 +
! 40%
 +
| style="background: #66b2ff" |
 +
| style="background: #6699cc" |
 +
| style="background: #667f99" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #99ccff" |
 +
| style="background: #99b3cc" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #cce5ff" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d5d5d4" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>240° Blues
+
! colspan="6" | 240° Blues
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#0000ff><td style=background:#0000cc><td style=background:#000099><td style=background:#000066><td style=background:#000033><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#3333ff><td style=background:#3333cc><td style=background:#333399><td style=background:#333366><td style=background:#333333><td style=background:#2b2b2a>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#6666ff><td style=background:#6666cc><td style=background:#666699><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#9999ff><td style=background:#9999cc><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #0000ff" |
−
<tr>
+
| style="background: #0000cc" |
−
<th>80%<td style=background:#ccccff><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #000099" |
−
<tr>
+
| style="background: #000066" |
−
<th>100%<td style=background:#ffffff><td style=background:#d5d5d4><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #000033" |
−
</table><br>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #3333ff" |
 +
| style="background: #3333cc" |
 +
| style="background: #333399" |
 +
| style="background: #333366" |
 +
| style="background: #333333" |
 +
| style="background: #2b2b2a" |
 +
|-
 +
! 40%
 +
| style="background: #6666ff" |
 +
| style="background: #6666cc" |
 +
| style="background: #666699" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #9999ff" |
 +
| style="background: #9999cc" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ccccff" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d5d5d4" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>270° Blue-Magentas
+
! colspan="6" | 270° Blue-Magentas
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#7f00ff><td style=background:#6600cc><td style=background:#4c0099><td style=background:#330066><td style=background:#190033><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#9933ff><td style=background:#7f33cc><td style=background:#663399><td style=background:#4c3366><td style=background:#333333><td style=background:#2a2b2a>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#b266ff><td style=background:#9966cc><td style=background:#7f6699><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#cc99ff><td style=background:#b399cc><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #7f00ff" |
−
<tr>
+
| style="background: #6600cc" |
−
<th>80%<td style=background:#e5ccff><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #4c0099" |
−
<tr>
+
| style="background: #330066" |
−
<th>100%<td style=background:#ffffff><td style=background:#d5d5d4><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #190033" |
−
</table>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #9933ff" |
 +
| style="background: #7f33cc" |
 +
| style="background: #663399" |
 +
| style="background: #4c3366" |
 +
| style="background: #333333" |
 +
| style="background: #2a2b2a" |
 +
|-
 +
! 40%
 +
| style="background: #b266ff" |
 +
| style="background: #9966cc" |
 +
| style="background: #7f6699" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #cc99ff" |
 +
| style="background: #b399cc" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #e5ccff" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d5d5d4" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>300° Magentas
+
! colspan="6" | 300° Magentas
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#ff00ff><td style=background:#cc00cc><td style=background:#990099><td style=background:#660066><td style=background:#330033><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#ff33ff><td style=background:#cc33cc><td style=background:#993399><td style=background:#663366><td style=background:#333333><td style=background:#2a2b2a>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#ff66ff><td style=background:#cc66cc><td style=background:#996699><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#ff99ff><td style=background:#cc99cc><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #ff00ff" |
−
<tr>
+
| style="background: #cc00cc" |
−
<th>80%<td style=background:#ffccff><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #990099" |
−
<tr>
+
| style="background: #660066" |
−
<th>100%<td style=background:#ffffff><td style=background:#d4d5d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #330033" |
−
</table>
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #ff33ff" |
 +
| style="background: #cc33cc" |
 +
| style="background: #993399" |
 +
| style="background: #663366" |
 +
| style="background: #333333" |
 +
| style="background: #2a2b2a" |
 +
|-
 +
! 40%
 +
| style="background: #ff66ff" |
 +
| style="background: #cc66cc" |
 +
| style="background: #996699" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #ff99ff" |
 +
| style="background: #cc99cc" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ffccff" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d4d5d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
−
<table style="display: inline-block">
+
{| style="display: inline-block"
−
<tr>
+
!
−
<th><th colspan=6>330° Magenta-Reds
+
! colspan="6" | 330° Magenta-Reds
−
<tr>
+
|-
−
<th><span class=white>W</span>\<span class=black>B</span>
+
! <span class="white">W</span>\<span class="black">B</span>
−
<th>0%<th>20%<th>40%<th>60%<th>80%<th>100%
+
! 0%
−
<tr>
+
! 20%
−
<th>0%<td style=background:#ff0080><td style=background:#cc0066><td style=background:#99004d><td style=background:#660033><td style=background:#33001a><td style=background:#000000>
+
! 40%
−
<tr>
+
! 60%
−
<th>20%<td style=background:#ff3399><td style=background:#cc3380><td style=background:#993366><td style=background:#66334d><td style=background:#333333><td style=background:#2a2b2a>
+
! 80%
−
<tr>
+
! 100%
−
<th>40%<td style=background:#ff66b3><td style=background:#cc6699><td style=background:#996680><td style=background:#666666><td style=background:#555555><td style=background:#494949>
+
|-
−
<tr>
+
! 0%
−
<th>60%<td style=background:#ff99cc><td style=background:#cc99b3><td style=background:#999999><td style=background:#808080><td style=background:#6d6d6d><td style=background:#606060>
+
| style="background: #ff0080" |
−
<tr>
+
| style="background: #cc0066" |
−
<th>80%<td style=background:#ffcce6><td style=background:#cccccc><td style=background:#aaaaaa><td style=background:#929292><td style=background:#808080><td style=background:#717171>
+
| style="background: #99004d" |
−
<tr>
+
| style="background: #660033" |
−
<th>100%<td style=background:#ffffff><td style=background:#d4d5d5><td style=background:#b6b6b6><td style=background:#9f9f9f><td style=background:#8e8e8e><td style=background:#808080>
+
| style="background: #33001a" |
−
</table><noinclude >
+
| style="background: #000000" |
 +
|-
 +
! 20%
 +
| style="background: #ff3399" |
 +
| style="background: #cc3380" |
 +
| style="background: #993366" |
 +
| style="background: #66334d" |
 +
| style="background: #333333" |
 +
| style="background: #2a2b2a" |
 +
|-
 +
! 40%
 +
| style="background: #ff66b3" |
 +
| style="background: #cc6699" |
 +
| style="background: #996680" |
 +
| style="background: #666666" |
 +
| style="background: #555555" |
 +
| style="background: #494949" |
 +
|-
 +
! 60%
 +
| style="background: #ff99cc" |
 +
| style="background: #cc99b3" |
 +
| style="background: #999999" |
 +
| style="background: #808080" |
 +
| style="background: #6d6d6d" |
 +
| style="background: #606060" |
 +
|-
 +
! 80%
 +
| style="background: #ffcce6" |
 +
| style="background: #cccccc" |
 +
| style="background: #aaaaaa" |
 +
| style="background: #929292" |
 +
| style="background: #808080" |
 +
| style="background: #717171" |
 +
|-
 +
! 100%
 +
| style="background: #ffffff" |
 +
| style="background: #d4d5d5" |
 +
| style="background: #b6b6b6" |
 +
| style="background: #9f9f9f" |
 +
| style="background: #8e8e8e" |
 +
| style="background: #808080" |
 +
|}
  
 +
<noinclude>
  
 
See [[HWB color model]]
 
See [[HWB color model]]
  
 
[[Category:Color templates]]
 
[[Category:Color templates]]
 +
 
</noinclude>
 
</noinclude>

Revision as of 13:33, 13 June 2017

0° Reds
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
30° Red-Yellows (Oranges)
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
60° Yellows
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
90° Yellow-Greens
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
120° Greens
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
150° Green-Cyans
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
180° Cyans
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
210° Cyan-Blues
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
240° Blues
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
270° Blue-Magentas
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
300° Magentas
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%
330° Magenta-Reds
W\B 0% 20% 40% 60% 80% 100%
0%
20%
40%
60%
80%
100%


See HWB color model


Retrieved from "https://blackwiki.org/index.php?title=Template:HWB-swatches&oldid=5657845"