327 lines
7.3 KiB
HTML
327 lines
7.3 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||
|
"http://www.w3.org/TR/html4/strict.dtd">
|
||
|
<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: #0D58A6 }
|
||
|
.primary-2 { background-color: #26517D }
|
||
|
.primary-3 { background-color: #04376C }
|
||
|
.primary-4 { background-color: #4188D3 }
|
||
|
.primary-5 { background-color: #689CD3 }
|
||
|
|
||
|
.secondary-a-1 { background-color: #2419B2 }
|
||
|
.secondary-a-2 { background-color: #352F85 }
|
||
|
.secondary-a-3 { background-color: #100873 }
|
||
|
.secondary-a-4 { background-color: #574DD8 }
|
||
|
.secondary-a-5 { background-color: #7972D8 }
|
||
|
|
||
|
.secondary-b-1 { background-color: #FFC500 }
|
||
|
.secondary-b-2 { background-color: #BF9E30 }
|
||
|
.secondary-b-3 { background-color: #A68000 }
|
||
|
.secondary-b-4 { background-color: #FFD340 }
|
||
|
.secondary-b-5 { background-color: #FFDF73 }
|
||
|
|
||
|
.complement-1 { background-color: #FF9900 }
|
||
|
.complement-2 { background-color: #BF8630 }
|
||
|
.complement-3 { background-color: #A66300 }
|
||
|
.complement-4 { background-color: #FFB240 }
|
||
|
.complement-5 { background-color: #FFC773 }
|
||
|
|
||
|
/* 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>
|
||
|
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<h1>Color Palette by Color Scheme Designer</h1>
|
||
|
<p>Palette URL: <a href="http://colorschemedesigner.com/#3A41Tw0w0w0w0">http://colorschemedesigner.com/#3A41Tw0w0w0w0</a></p>
|
||
|
<p>Color Space: RGB; </p>
|
||
|
|
||
|
<table class="color-table">
|
||
|
<tr>
|
||
|
<th>Primary Color:</th>
|
||
|
<td class="sample primary-1">
|
||
|
<div class="white">
|
||
|
<strong>0D58A6</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>0D58A6</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample primary-2">
|
||
|
<div class="white">
|
||
|
<strong>26517D</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>26517D</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample primary-3">
|
||
|
<div class="white">
|
||
|
<strong>04376C</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>04376C</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample primary-4">
|
||
|
<div class="white">
|
||
|
<strong>4188D3</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>4188D3</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample primary-5">
|
||
|
<div class="white">
|
||
|
<strong>689CD3</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>689CD3</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<th>Secondary Color A:</th>
|
||
|
<td class="sample secondary-a-1">
|
||
|
<div class="white">
|
||
|
<strong>2419B2</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>2419B2</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample secondary-a-2">
|
||
|
<div class="white">
|
||
|
<strong>352F85</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>352F85</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample secondary-a-3">
|
||
|
<div class="white">
|
||
|
<strong>100873</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>100873</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample secondary-a-4">
|
||
|
<div class="white">
|
||
|
<strong>574DD8</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>574DD8</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample secondary-a-5">
|
||
|
<div class="white">
|
||
|
<strong>7972D8</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>7972D8</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<th>Secondary Color B:</th>
|
||
|
<td class="sample secondary-b-1">
|
||
|
<div class="white">
|
||
|
<strong>FFC500</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>FFC500</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample secondary-b-2">
|
||
|
<div class="white">
|
||
|
<strong>BF9E30</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>BF9E30</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample secondary-b-3">
|
||
|
<div class="white">
|
||
|
<strong>A68000</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>A68000</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample secondary-b-4">
|
||
|
<div class="white">
|
||
|
<strong>FFD340</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>FFD340</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample secondary-b-5">
|
||
|
<div class="white">
|
||
|
<strong>FFDF73</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>FFDF73</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<th>Complementary Color:</th>
|
||
|
<td class="sample complement-1">
|
||
|
<div class="white">
|
||
|
<strong>FF9900</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>FF9900</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample complement-2">
|
||
|
<div class="white">
|
||
|
<strong>BF8630</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>BF8630</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample complement-3">
|
||
|
<div class="white">
|
||
|
<strong>A66300</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>A66300</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample complement-4">
|
||
|
<div class="white">
|
||
|
<strong>FFB240</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>FFB240</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td class="sample complement-5">
|
||
|
<div class="white">
|
||
|
<strong>FFC773</strong>
|
||
|
</div>
|
||
|
<div class="black">
|
||
|
<strong>FFC773</strong>
|
||
|
</div>
|
||
|
</td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
|
||
|
<table class="color-table small">
|
||
|
<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>Secondary Color A:</th>
|
||
|
<td class="sample secondary-a-1"></td>
|
||
|
<td class="sample secondary-a-2"></td>
|
||
|
<td class="sample secondary-a-3"></td>
|
||
|
<td class="sample secondary-a-4"></td>
|
||
|
<td class="sample secondary-a-5"></td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<th>Secondary Color B:</th>
|
||
|
<td class="sample secondary-b-1"></td>
|
||
|
<td class="sample secondary-b-2"></td>
|
||
|
<td class="sample secondary-b-3"></td>
|
||
|
<td class="sample secondary-b-4"></td>
|
||
|
<td class="sample secondary-b-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>
|
||
|
</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>
|