View source for Help:Color schemes for wiki

==Palette trying to match book cover==
[[Image:COLLADAbookForColors.jpg|thumb|left|The Book]]
Color Palette by Color Scheme Generator

Palette URL: http://colorschemedesigner.com/#0S21Ts7w0w0w0

Palette URL: http://colorschemedesigner.com/#0S31Ts7w0w0w0

Palette URL: http://colorschemedesigner.com/#0S41Ts7w0w0w0

reds Palette URL: http://colorschemedesigner.com/#0311Tn3pBw0w0
<br clear="all" />
{| 
!colspan=7|&nbsp;
|colspan=4|'''template colors''': In these 4 columns,<br/> the colors are templates named, <br />for example, "site color 1 dark".
|-
!colspan=7|&nbsp;
!mid
!dark
!light
!pale
|-
! Primary: Gold from book cover as best as I can:
| style="background-color: #FFAE1F;" |
<font color="white">FFAE1F</font><br /><br />FFAE1F
| style="background-color: #BF9141;" |
<font color="white">BF9141</font><br /><br />BF9141
| style="background-color: #A66D0A;" |
<font color="white">A66D0A</font><br /><br />A66D0A
| style="background-color: #FFC257;" |
<font color="white">FFC257</font><br /><br />FFC257
| style="background-color: #FFD284;" |
<font color="white">FFD284</font><br /><br />FFD284
|Site color 1
| style="background-color: {{site color 1 mid}};" |
<font color="white">{{site color 1 mid}}</font><br /><br />{{site color 1 mid}}
| style="background-color: {{site color 1 dark}};" |
<font color="white">{{site color 1 dark}}</font><br /><br />{{site color 1 dark}}
| style="background-color: {{site color 1 light}};" |
<font color="white">{{site color 1 light}}</font><br /><br />{{site color 1 light}}
| style="background-color: {{site color 1 pale}};" |
<font color="white">{{site color 1 pale}}</font><br /><br />{{site color 1 pale}}
|possible
| style="background-color: #FFE2B0;" |
<font color="white">#FFE2B0</font><br /><br />#FFE2B0
| style="background-color: #FFF4E5;" |
<font color="white">#FFF4E5</font><br /><br />#FFF4E5
|-
! Complementary Color generated by tool:
| style="background-color: #2256A9;" |
<font color="white">2256A9</font><br /><br />2256A9
| style="background-color: #33507E;" |
<font color="white">33507E</font><br /><br />33507E
| style="background-color: #0B316E;" |
<font color="white">0B316E</font><br /><br />0B316E
| style="background-color: #5586D4;" |
<font color="white">5586D4</font><br /><br />5586D4
| style="background-color: #779BD4;" |
<font color="white">779BD4</font><br /><br />779BD4
|Site color 2
| style="background-color: {{site color 2 mid}};" |
<font color="white">{{site color 2 mid}}</font><br /><br />{{site color 2 mid}}
| style="background-color: {{site color 2 dark}};" |
<font color="white">{{site color 2 dark}}</font><br /><br />{{site color 2 dark}}
| style="background-color: {{site color 2 light}};" |
<font color="white">{{site color 2 light}}</font><br /><br />{{site color 2 light}}
| style="background-color:{{site color 2 pale}};" |
<font color="white">{{site color 2 pale}}</font><br /><br />{{site color 2 pale}}  
|possible
| style="background-color: #A2B3CF;" |
<font color="white">#A2B3CF</font><br /><br />#A2B3CF
| style="background-color: #BAC2CF;" |
<font color="white">#BAC2CF</font><br /><br />#BAC2CF
|-
! Secondary Color A generated by tool:
| style="background-color: #4029B0;" |
<font color="white">4029B0</font><br /><br />4029B0
| style="background-color: #453884;" |
<font color="white">453884</font><br /><br />453884
| style="background-color: #1E0D73;" |
<font color="white">1E0D73</font><br /><br />1E0D73
| style="background-color: #705BD8;" |
<font color="white">705BD8</font><br /><br />705BD8
| style="background-color: #8C7CD8;" |
<font color="white">8C7CD8</font><br /><br />8C7CD8
|Site color 3
| style="background-color: {{site color 3 mid}};" |
<font color="white">{{site color 3 mid}}</font><br /><br />{{site color 3 mid}}
| style="background-color: {{site color 3 dark}};" |
<font color="white">{{site color 3 dark}}</font><br /><br />{{site color 3 dark}}
| style="background-color: {{site color 3 light}};" |
<font color="white">{{site color 3 light}}</font><br /><br />{{site color 3 light}}
| style="background-color: {{site color 3 pale}};" |
<font color="white">{{site color 3 pale}}</font><br /><br />{{site color 3 pale}}
|possible
| style="background-color: #AFA7D9;" |
<font color="white">#AFA7D9</font><br /><br />#AFA7D9
| style="background-color: #B5ADD9;" |
<font color="white">#B5ADD9</font><br /><br />#B5ADD9
|-
! Secondary Color B generated by tool:
| style="background-color: #14A28A;" |
<font color="white">14A28A</font><br /><br />14A28A
| style="background-color: #29796C;" |
<font color="white">29796C</font><br /><br />29796C
| style="background-color: #066958;" |
<font color="white">066958</font><br /><br />066958
| style="background-color: #47D0B9;" |
<font color="white">47D0B9</font><br /><br />47D0B9
| style="background-color: #6CD0BF;" |
<font color="white">6CD0BF</font><br /><br />6CD0BF
|Site color 4
| style="background-color: {{site color 4 mid}};" |
<font color="white">{{site color 4 mid}}</font><br /><br />{{site color 4 mid}}
| style="background-color: {{site color 4 dark}};" |
<font color="white">{{site color 4 dark}}</font><br /><br />{{site color 4 dark}}
| style="background-color: {{site color 4 light}};" |
<font color="white">{{site color 4 light}}</font><br /><br />{{site color 4 light}}
| style="background-color: {{site color 4 pale}};" |
<font color="white">{{site color 4 pale}}</font><br /><br />{{site color 4 pale}}
|possible
| style="background-color: #A1D1C9;" |
<font color="white">#A1D1C9</font><br /><br />#A1D1C9
| style="background-color: #BCD1CE;" |
<font color="white">#BCD1CE</font><br /><br />#BCD1CE
|-
! Secondary Color C generated by tool:
| style="background-color: #FFD31F;" |
<font color="white">FFD31F</font><br /><br />FFD31F
| style="background-color: #BFA641;" |
<font color="white">BFA641</font><br /><br />BFA641
| style="background-color: #A6870A;" |
<font color="white">A6870A</font><br /><br />A6870A
| style="background-color: #FFDE57;" |
<font color="white">FFDE57</font><br /><br />FFDE57
| style="background-color: #FFE784;" |
<font color="white">FFE784</font><br /><br />FFE784
|-
! Red from book as best as I can match it
| style="background-color: #CC4439;" |
<font color="white">CC4439</font><br /><br />CC4439
| style="background-color: #994C46;" |
<font color="white">994C46</font><br /><br />994C46
| style="background-color: #851B13;" |
<font color="white">851B13</font><br /><br />851B13
| style="background-color: #E67369;" |
<font color="white">E67369</font><br /><br />E67369
| style="background-color: #E6918B;" |
<font color="white">E6918B</font><br /><br />E6918B
|Site color accent
| style="background-color: {{site color accent mid}};" |
<font color="white">{{site color accent mid}}</font><br /><br />{{site color accent mid}}
| style="background-color: {{site color accent dark}};" |
<font color="white">{{site color accent dark}}</font><br /><br />{{site color accent dark}}
| style="background-color: {{site color accent light}};" |
<font color="white">{{site color accent light}}</font><br /><br />{{site color accent light}}
| style="background-color: {{site color accent pale}};" |
<font color="white">{{site color accent pale}}</font><br /><br />{{site color accent pale}}
|possible
| style="background-color: #E5C5C3;" |
<font color="white">#E5C5C3</font><br /><br />#E5C5C3
| style="background-color: #CCB9B8;" |
<font color="white">#CCB9B8</font><br /><br />#CCB9B8
|-
! grays based on the gold (using H 38, S 5, and B 25/50/75)
| style="background-color: #403f3d;" |
<font color="white">403f3d</font><br /><br />403f3d
| style="background-color: #807d79;" |
<font color="white">807d79</font><br /><br />807d79
| style="background-color: #bfbcb6;" |
<font color="white">bfbcb6</font><br /><br />bfbcb6
|
|
|Site color gray
| style="background-color: {{site color gray mid}};" |
<font color="white">{{site color gray mid}}</font><br /><br />{{site color gray mid}}
| style="background-color: {{site color gray dark}};" |
<font color="white">{{site color gray dark}}</font><br /><br />{{site color gray dark}}
| style="background-color: {{site color gray light}};" |
<font color="white">{{site color gray light}}</font><br /><br />{{site color gray light}}
| style="background-color: {{site color gray pale}};" |
<font color="white">{{site color gray pale}}</font><br /><br />{{site color gray pale}}
|
|
|}

Current settings:
{|
!
!mid
!dark
!light
!pale
|-
!color products
| style="background-color: {{color products mid}};" |{{color products mid}}
| style="background-color: {{color products dark}};" |{{color products dark}}
| style="background-color: {{color products light}};" |{{color products light}}
| style="background-color: {{color products pale}};" |{{color products pale}}
|-
!color extensions
| style="background-color: {{color extensions mid}};" |{{color extensions mid}}
| style="background-color: {{color extensions dark}};" |{{color extensions dark}}
| style="background-color: {{color extensions light}};" |{{color extensions light}}
| style="background-color: {{color extensions pale}};" |{{color extensions pale}}
|-
!color conditioners
| style="background-color: {{color conditioners mid}};" |{{color conditioners mid}}
| style="background-color: {{color conditioners dark}};" |{{color conditioners dark}}
| style="background-color: {{color conditioners light}};" |{{color conditioners light}}
| style="background-color: {{color conditioners pale}};" |{{color conditioners pale}}
|-
!color general
| style="background-color: {{color general mid}};" |{{color general mid}}
| style="background-color: {{color general dark}};" |{{color general dark}}
| style="background-color: {{color general light}};" |{{color general light}}
| style="background-color: {{color general pale}};" |{{color general pale}}
|}

==Original colors==
[[Main Page/layout test 1|See how they were applied.]]

{| 
! Gold colors :
| style="background-color: #FFCC33;" |
<font color="white">ffcc33</font><br /><br />FFCC33
| style="background-color: #FFBF40;" |
<font color="white">FFBF40</font><br /><br />FFBF40 
| style="background-color: #c1850c;" |
<font color="white">c1850c</font><br /><br />c1850c
| style="background-color: #FFD580;" |
<font color="white">FFD580</font><br /><br />FFD580
| style="background-color: #FFDA85;" |
<font color="white">FFDA85</font><br /><br />FFDA85
| style="background-color: #FFF2DF;" |
<font color="white">FFF2DF</font><br /><br />FFF2DF
|the two FFD...s were probably used for same things
|-
! purple
| style="background-color: #afa3bf;" |
<font color="white">AFA3BF</font><br /><br />AFA3BF
| style="background-color: #DDCEF2;" |
<font color="white">DDCEF2</font><br /><br />DDCEF2
| style="background-color: #faf5ff;" |
<font color="white">faf5ff</font><br /><br />faf5ff 
|-
! blue
| style="background-color: #A3B0BF;" |
<font color="white">A3B0BF</font><br /><br />A3B0BF 
| style="background-color: #CEDFF2;" |
<font color="white">CEDFF2</font><br /><br />CEDFF2
| style="background-color: #F5FAFF;" |
<font color="white">F5FAFF</font><br /><br />F5FAFF 
|-
! green
|
|
| style="background-color: #F5FFFA;" |
<font color="white">F5FFFA</font><br /><br />F5FFFA
|-
|}

==Color palette using brighter gold #ffcc33==
*Color Palette by Color Scheme Generator (red & green using same tool but created separately)
*Generated by [http://colorschemedesigner.com Color Scheme Designer] © Petr Stanicek 2002-2009

*[http://colorschemedesigner.com/#1b31TpBw0w0w0 palette URL primary/secondary]
*[http://colorschemedesigner.com/#1b21TpBw0w0w0 palette complementary]
*[http://colorschemedesigner.com/#3411TpBw0w0w0 palette greens]
*[http://colorschemedesigner.com/#5B11TpBw0w0w0 palette reds]

{| 
! Primary Color:
| style="background-color: #FFCC33;" |
<font color="white">FFCC33</font><br /><br />FFCC33
| style="background-color: #BFA34C;" |
<font color="white">BFA34C</font><br /><br />BFA34C
| style="background-color: #A68011;" |
<font color="white">A68011</font><br /><br />A68011
| style="background-color: #FFD966;" |
<font color="white">FFD966</font><br /><br />FFD966
| style="background-color: #FFE38F;" |
<font color="white">FFE38F</font><br /><br />FFE38F
|-
! Secondary Color A:
| style="background-color: #652EAD;" |
<font color="white">652EAD</font><br /><br />652EAD
| style="background-color: #593B82;" |
<font color="white">593B82</font><br /><br />593B82
| style="background-color: #390F70;" |
<font color="white">390F70</font><br /><br />390F70
| style="background-color: #9361D6;" |
<font color="white">9361D6</font><br /><br />9361D6
| style="background-color: #A580D6;" |
<font color="white">A580D6</font><br /><br />A580D6
|-
! Secondary Color B:
| style="background-color: #296FA4;" |
<font color="white">296FA4</font><br /><br />296FA4
| style="background-color: #365D7B;" |
<font color="white">365D7B</font><br /><br />365D7B
| style="background-color: #0D426B;" |
<font color="white">0D426B</font><br /><br />0D426B
| style="background-color: #5C9ED2;" |
<font color="white">5C9ED2</font><br /><br />5C9ED2
| style="background-color: #7BACD2;" |
<font color="white">7BACD2</font><br /><br />7BACD2
|-
! Complementary Color:
| style="background-color: #3939B3;" |
<font color="white">3939B3</font><br /><br />3939B3
| style="background-color: #424286;" |
<font color="white">424286</font><br /><br />424286
| style="background-color: #131374;" |
<font color="white">131374</font><br /><br />131374
| style="background-color: #6A6AD9;" |
<font color="white">6A6AD9</font><br /><br />6A6AD9
| style="background-color: #8888D9;" |
<font color="white">8888D9</font><br /><br />8888D9
|-
!Green:
| style="background-color: #23AE76;" |
<font color="white">23AE76</font><br /><br />23AE76
| style="background-color: #348263;" |
<font color="white">348263</font><br /><br />348263
| style="background-color: #0B7148;" |
<font color="white">0B7148</font><br /><br />0B7148
| style="background-color: #56D6A2;" |
<font color="white">56D6A2</font><br /><br />56D6A2
| style="background-color: #78D6B0;" |
<font color="white">78D6B0</font><br /><br />78D6B0
|-
! Red?:
| style="background-color: #FB323C;" |
<font color="white">FB323C</font><br /><br />FB323C
| style="background-color: #BC4B51;" |
<font color="white">BC4B51</font><br /><br />BC4B51
| style="background-color: #A31018;" |
<font color="white">A31018</font><br /><br />A31018
| style="background-color: #FD656D;" |
<font color="white">FD656D</font><br /><br />FD656D
| style="background-color: #FD8E93;" |
<font color="white">FD8E93</font><br /><br />FD8E93
|}

==Color palette using muted gold #FFD580==
*Color Palette by Color Scheme Generator (red & green generated same place but separately)
*Generated by [http://colorschemedesigner.com Color Scheme Designer] © Petr Stanicek 2002-2009
*Palette URL: http://colorschemedesigner.com/#0X11TfXw0w0w0

{| 
! Primary Color:
| style="background-color: #FFD580;" |
<font color="white">FFD580</font><br /><br />FFD580
| style="background-color: #BFA778;" |
<font color="white">BFA778</font><br /><br />BFA778
| style="background-color: #A67C2A;" |
<font color="white">A67C2A</font><br /><br />A67C2A
| style="background-color: #FFDFA0;" |
<font color="white">FFDFA0</font><br /><br />FFDFA0
|style="background-color: #FFE8B9;" |
<font color="white">FFE8B9</font><br /><br />FFE8B9
|-
! Complementary Color:
| style="background-color: #5F76AB;" |
<font color="white">5F76AB</font><br /><br />5F76AB
| style="background-color: #556280;" |
<font color="white">556280</font><br /><br />556280
| style="background-color: #1F376F;" |
<font color="white">1F376F</font><br /><br />1F376F
| style="background-color: #8EA3D5;" |
<font color="white">8EA3D5</font><br /><br />8EA3D5
| style="background-color: #A1B0D5;" |
<font color="white">A1B0D5</font><br /><br />A1B0D5
|-
! Secondary Color A:
| style="background-color: #7462AF;" |
<font color="white">7462AF</font><br /><br />7462AF
| style="background-color: #625884;" |
<font color="white">625884</font><br /><br />625884
| style="background-color: #332072;" |
<font color="white">332072</font><br /><br />332072
| style="background-color: #A190D7;" |
<font color="white">A190D7</font><br /><br />A190D7
| style="background-color: #AFA3D7;" |
<font color="white">AFA3D7</font><br /><br />AFA3D7
|-
! Secondary Color B:
| style="background-color: #4D9999;" |
<font color="white">4D9999</font><br /><br />4D9999
| style="background-color: #487373;" |
<font color="white">487373</font><br /><br />487373
| style="background-color: #196363;" |
<font color="white">196363</font><br /><br />196363
| style="background-color: #80CCCC;" |
<font color="white">80CCCC</font><br /><br />80CCCC
| style="background-color: #94CCCC;" |
<font color="white">94CCCC</font><br /><br />94CCCC
|-
!  green:
| style="background-color: #778660;" |
<font color="white">778660</font><br /><br />778660
| style="background-color: #5C654F;" |
<font color="white">5C654F</font><br /><br />5C654F
| style="background-color: #41571F;" |
<font color="white">41571F</font><br /><br />41571F
| style="background-color: #B2C399;" |
<font color="white">B2C399</font><br /><br />B2C399
| style="background-color: #B7C3A4;" |
<font color="white">B7C3A4</font><br /><br />B7C3A4
|-
!  red:
| style="background-color: #8C6469;" |
<font color="white">8C6469</font><br /><br />8C6469
| style="background-color: #504345;" |
<font color="white">504345</font><br /><br />504345
| style="background-color: #38060C;" |
<font color="white">38060C</font><br /><br />38060C
| style="background-color: #F9D4D8;" |
<font color="white">F9D4D8</font><br /><br />F9D4D8
| style="background-color: #F9EFF0;" |
<font color="white">F9EFF0</font><br /><br />F9EFF0
|}


[[Category:Site templates]]