123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <!-- saved from url=(0038)http://colorschemedesigner.com/export/ -->
- <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
- <title>Color Palette by Color Scheme Generator</title>
- <meta name="generator" content="ColorSchemeGenerator.com">
- <style type="text/css">
- /* Palette color codes */
- /* Feel free to copy&paste color codes to your application */
- .primary-1 { background-color: #0C5DA5 }
- .primary-2 { background-color: #26537C }
- .primary-3 { background-color: #043A6B }
- .primary-4 { background-color: #408DD2 }
- .primary-5 { background-color: #679FD2 }
- .complement-1 { background-color: #FF9500 }
- .complement-2 { background-color: #BF8430 }
- .complement-3 { background-color: #A66100 }
- .complement-4 { background-color: #FFB040 }
- .complement-5 { background-color: #FFC573 }
- /* end */
- body {
- margin:0; padding: 2em;
- background:white;
- color: #666;
- font: 75%/1.33 Verdana, sans-serif;
- text-align:left;
- }
- h1 {
- margin: 0.5em 0;
- font-size: 200%;
- }
- p {
- margin: 0.5em 0;
- }
- .color-table {
- margin: 2em 2em 5em;
- border-collapse:collapse;
- border:none;
- border-spacing:0;
- font-size:100%;
- }
- .color-table th {
- padding: 0 1em 0 0;
- text-align:right;
- vertical-align: middle;
- font-size:110%;
- border: none;
- }
- .color-table td.sample {
- width:10em; height:8em;
- padding: 10px;
- text-align:center;
- vertical-align:middle;
- font-size:90%;
- border: 1px solid white;
- white-space:nowrap;
- }
- .color-table.small td.sample {
- width:4em; height:4em;
- padding:0;
- border:none;
- }
- .color-table .white { margin-bottom:0.2em; color:white }
- .color-table .black { margin-top:0.2em; color:black }
- hr {
- border:none;
- border-bottom:1px solid silver;
- }
- #footer {
- padding:1em;
- text-align:center;
- font-size:80%;
- }
- </style>
- <style type="text/css"></style></head>
- <body>
- <h1>Color Palette by Color Scheme Designer</h1>
- <p>Palette URL: <a href="http://colorschemedesigner.com/#3z22Pw0w0w0w0">http://colorschemedesigner.com/#3z22Pw0w0w0w0</a></p>
- <p>Color Space: RGB; </p>
- <table class="color-table">
- <tbody><tr>
- <th>Primary Color:</th>
- <td class="sample primary-1">
- <div class="white">
- <strong>0C5DA5</strong>
- </div>
- <div class="black">
- <strong>0C5DA5</strong>
- </div>
- </td>
- <td class="sample primary-2">
- <div class="white">
- <strong>26537C</strong>
- </div>
- <div class="black">
- <strong>26537C</strong>
- </div>
- </td>
- <td class="sample primary-3">
- <div class="white">
- <strong>043A6B</strong>
- </div>
- <div class="black">
- <strong>043A6B</strong>
- </div>
- </td>
- <td class="sample primary-4">
- <div class="white">
- <strong>408DD2</strong>
- </div>
- <div class="black">
- <strong>408DD2</strong>
- </div>
- </td>
- <td class="sample primary-5">
- <div class="white">
- <strong>679FD2</strong>
- </div>
- <div class="black">
- <strong>679FD2</strong>
- </div>
- </td>
- </tr>
- <tr>
- <th>Complementary Color:</th>
- <td class="sample complement-1">
- <div class="white">
- <strong>FF9500</strong>
- </div>
- <div class="black">
- <strong>FF9500</strong>
- </div>
- </td>
- <td class="sample complement-2">
- <div class="white">
- <strong>BF8430</strong>
- </div>
- <div class="black">
- <strong>BF8430</strong>
- </div>
- </td>
- <td class="sample complement-3">
- <div class="white">
- <strong>A66100</strong>
- </div>
- <div class="black">
- <strong>A66100</strong>
- </div>
- </td>
- <td class="sample complement-4">
- <div class="white">
- <strong>FFB040</strong>
- </div>
- <div class="black">
- <strong>FFB040</strong>
- </div>
- </td>
- <td class="sample complement-5">
- <div class="white">
- <strong>FFC573</strong>
- </div>
- <div class="black">
- <strong>FFC573</strong>
- </div>
- </td>
- </tr>
- </tbody></table>
- <table class="color-table small">
- <tbody><tr>
- <th>Primary Color:</th>
- <td class="sample primary-1"></td>
- <td class="sample primary-2"></td>
- <td class="sample primary-3"></td>
- <td class="sample primary-4"></td>
- <td class="sample primary-5"></td>
- </tr>
- <tr>
- <th>Complementary Color:</th>
- <td class="sample complement-1"></td>
- <td class="sample complement-2"></td>
- <td class="sample complement-3"></td>
- <td class="sample complement-4"></td>
- <td class="sample complement-5"></td>
- </tr>
- </tbody></table>
- <p>
- See the HTML source for more details.<br>
- Use the <em>Save / Save As...</em> command in your browser to store the HTML for latter use.
- </p>
- <hr>
- <p id="footer">Generated by <a href="http://colorschemedesigner.com/">Color Scheme Designer</a> © Petr Stanicek 2002-2010</p>
- </body></html>
|