Color Palette by Color Scheme Generator.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <!-- saved from url=(0038)http://colorschemedesigner.com/export/ -->
  3. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>Color Palette by Color Scheme Generator</title>
  5. <meta name="generator" content="ColorSchemeGenerator.com">
  6. <style type="text/css">
  7. /* Palette color codes */
  8. /* Feel free to copy&paste color codes to your application */
  9. .primary-1 { background-color: #0C5DA5 }
  10. .primary-2 { background-color: #26537C }
  11. .primary-3 { background-color: #043A6B }
  12. .primary-4 { background-color: #408DD2 }
  13. .primary-5 { background-color: #679FD2 }
  14. .complement-1 { background-color: #FF9500 }
  15. .complement-2 { background-color: #BF8430 }
  16. .complement-3 { background-color: #A66100 }
  17. .complement-4 { background-color: #FFB040 }
  18. .complement-5 { background-color: #FFC573 }
  19. /* end */
  20. body {
  21. margin:0; padding: 2em;
  22. background:white;
  23. color: #666;
  24. font: 75%/1.33 Verdana, sans-serif;
  25. text-align:left;
  26. }
  27. h1 {
  28. margin: 0.5em 0;
  29. font-size: 200%;
  30. }
  31. p {
  32. margin: 0.5em 0;
  33. }
  34. .color-table {
  35. margin: 2em 2em 5em;
  36. border-collapse:collapse;
  37. border:none;
  38. border-spacing:0;
  39. font-size:100%;
  40. }
  41. .color-table th {
  42. padding: 0 1em 0 0;
  43. text-align:right;
  44. vertical-align: middle;
  45. font-size:110%;
  46. border: none;
  47. }
  48. .color-table td.sample {
  49. width:10em; height:8em;
  50. padding: 10px;
  51. text-align:center;
  52. vertical-align:middle;
  53. font-size:90%;
  54. border: 1px solid white;
  55. white-space:nowrap;
  56. }
  57. .color-table.small td.sample {
  58. width:4em; height:4em;
  59. padding:0;
  60. border:none;
  61. }
  62. .color-table .white { margin-bottom:0.2em; color:white }
  63. .color-table .black { margin-top:0.2em; color:black }
  64. hr {
  65. border:none;
  66. border-bottom:1px solid silver;
  67. }
  68. #footer {
  69. padding:1em;
  70. text-align:center;
  71. font-size:80%;
  72. }
  73. </style>
  74. <style type="text/css"></style></head>
  75. <body>
  76. <h1>Color Palette by Color Scheme Designer</h1>
  77. <p>Palette URL: <a href="http://colorschemedesigner.com/#3z22Pw0w0w0w0">http://colorschemedesigner.com/#3z22Pw0w0w0w0</a></p>
  78. <p>Color Space: RGB; </p>
  79. <table class="color-table">
  80. <tbody><tr>
  81. <th>Primary Color:</th>
  82. <td class="sample primary-1">
  83. <div class="white">
  84. <strong>0C5DA5</strong>
  85. </div>
  86. <div class="black">
  87. <strong>0C5DA5</strong>
  88. </div>
  89. </td>
  90. <td class="sample primary-2">
  91. <div class="white">
  92. <strong>26537C</strong>
  93. </div>
  94. <div class="black">
  95. <strong>26537C</strong>
  96. </div>
  97. </td>
  98. <td class="sample primary-3">
  99. <div class="white">
  100. <strong>043A6B</strong>
  101. </div>
  102. <div class="black">
  103. <strong>043A6B</strong>
  104. </div>
  105. </td>
  106. <td class="sample primary-4">
  107. <div class="white">
  108. <strong>408DD2</strong>
  109. </div>
  110. <div class="black">
  111. <strong>408DD2</strong>
  112. </div>
  113. </td>
  114. <td class="sample primary-5">
  115. <div class="white">
  116. <strong>679FD2</strong>
  117. </div>
  118. <div class="black">
  119. <strong>679FD2</strong>
  120. </div>
  121. </td>
  122. </tr>
  123. <tr>
  124. <th>Complementary Color:</th>
  125. <td class="sample complement-1">
  126. <div class="white">
  127. <strong>FF9500</strong>
  128. </div>
  129. <div class="black">
  130. <strong>FF9500</strong>
  131. </div>
  132. </td>
  133. <td class="sample complement-2">
  134. <div class="white">
  135. <strong>BF8430</strong>
  136. </div>
  137. <div class="black">
  138. <strong>BF8430</strong>
  139. </div>
  140. </td>
  141. <td class="sample complement-3">
  142. <div class="white">
  143. <strong>A66100</strong>
  144. </div>
  145. <div class="black">
  146. <strong>A66100</strong>
  147. </div>
  148. </td>
  149. <td class="sample complement-4">
  150. <div class="white">
  151. <strong>FFB040</strong>
  152. </div>
  153. <div class="black">
  154. <strong>FFB040</strong>
  155. </div>
  156. </td>
  157. <td class="sample complement-5">
  158. <div class="white">
  159. <strong>FFC573</strong>
  160. </div>
  161. <div class="black">
  162. <strong>FFC573</strong>
  163. </div>
  164. </td>
  165. </tr>
  166. </tbody></table>
  167. <table class="color-table small">
  168. <tbody><tr>
  169. <th>Primary Color:</th>
  170. <td class="sample primary-1"></td>
  171. <td class="sample primary-2"></td>
  172. <td class="sample primary-3"></td>
  173. <td class="sample primary-4"></td>
  174. <td class="sample primary-5"></td>
  175. </tr>
  176. <tr>
  177. <th>Complementary Color:</th>
  178. <td class="sample complement-1"></td>
  179. <td class="sample complement-2"></td>
  180. <td class="sample complement-3"></td>
  181. <td class="sample complement-4"></td>
  182. <td class="sample complement-5"></td>
  183. </tr>
  184. </tbody></table>
  185. <p>
  186. See the HTML source for more details.<br>
  187. Use the <em>Save / Save As...</em> command in your browser to store the HTML for latter use.
  188. </p>
  189. <hr>
  190. <p id="footer">Generated by <a href="http://colorschemedesigner.com/">Color Scheme Designer</a> © Petr Stanicek 2002-2010</p>
  191. </body></html>