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: #9800FF }
|
||
|
|
.primary-2 { background-color: #8530BF }
|
||
|
|
.primary-3 { background-color: #6300A6 }
|
||
|
|
.primary-4 { background-color: #B240FF }
|
||
|
|
.primary-5 { background-color: #C673FF }
|
||
|
|
|
||
|
|
.secondary-a-1 { background-color: #FF00A6 }
|
||
|
|
.secondary-a-2 { background-color: #BF308D }
|
||
|
|
.secondary-a-3 { background-color: #A6006C }
|
||
|
|
.secondary-a-4 { background-color: #FF40BC }
|
||
|
|
.secondary-a-5 { background-color: #FF73CE }
|
||
|
|
|
||
|
|
.secondary-b-1 { background-color: #3600FF }
|
||
|
|
.secondary-b-2 { background-color: #4E30BF }
|
||
|
|
.secondary-b-3 { background-color: #2300A6 }
|
||
|
|
.secondary-b-4 { background-color: #6840FF }
|
||
|
|
.secondary-b-5 { background-color: #9073FF }
|
||
|
|
|
||
|
|
.complement-1 { background-color: #FFFA00 }
|
||
|
|
.complement-2 { background-color: #BFBC30 }
|
||
|
|
.complement-3 { background-color: #A6A300 }
|
||
|
|
.complement-4 { background-color: #FFFB40 }
|
||
|
|
.complement-5 { background-color: #FFFC73 }
|
||
|
|
|
||
|
|
/* 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/#4E61S----w0w0">http://colorschemedesigner.com/#4E61S----w0w0</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>9800FF</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>9800FF</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample primary-2">
|
||
|
|
<div class="white">
|
||
|
|
<strong>8530BF</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>8530BF</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample primary-3">
|
||
|
|
<div class="white">
|
||
|
|
<strong>6300A6</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>6300A6</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample primary-4">
|
||
|
|
<div class="white">
|
||
|
|
<strong>B240FF</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>B240FF</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample primary-5">
|
||
|
|
<div class="white">
|
||
|
|
<strong>C673FF</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>C673FF</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th>Secondary Color A:</th>
|
||
|
|
<td class="sample secondary-a-1">
|
||
|
|
<div class="white">
|
||
|
|
<strong>FF00A6</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>FF00A6</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample secondary-a-2">
|
||
|
|
<div class="white">
|
||
|
|
<strong>BF308D</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>BF308D</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample secondary-a-3">
|
||
|
|
<div class="white">
|
||
|
|
<strong>A6006C</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>A6006C</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample secondary-a-4">
|
||
|
|
<div class="white">
|
||
|
|
<strong>FF40BC</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>FF40BC</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample secondary-a-5">
|
||
|
|
<div class="white">
|
||
|
|
<strong>FF73CE</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>FF73CE</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th>Secondary Color B:</th>
|
||
|
|
<td class="sample secondary-b-1">
|
||
|
|
<div class="white">
|
||
|
|
<strong>3600FF</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>3600FF</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample secondary-b-2">
|
||
|
|
<div class="white">
|
||
|
|
<strong>4E30BF</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>4E30BF</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample secondary-b-3">
|
||
|
|
<div class="white">
|
||
|
|
<strong>2300A6</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>2300A6</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample secondary-b-4">
|
||
|
|
<div class="white">
|
||
|
|
<strong>6840FF</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>6840FF</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample secondary-b-5">
|
||
|
|
<div class="white">
|
||
|
|
<strong>9073FF</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>9073FF</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th>Complementary Color:</th>
|
||
|
|
<td class="sample complement-1">
|
||
|
|
<div class="white">
|
||
|
|
<strong>FFFA00</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>FFFA00</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample complement-2">
|
||
|
|
<div class="white">
|
||
|
|
<strong>BFBC30</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>BFBC30</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample complement-3">
|
||
|
|
<div class="white">
|
||
|
|
<strong>A6A300</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>A6A300</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample complement-4">
|
||
|
|
<div class="white">
|
||
|
|
<strong>FFFB40</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>FFFB40</strong>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample complement-5">
|
||
|
|
<div class="white">
|
||
|
|
<strong>FFFC73</strong>
|
||
|
|
</div>
|
||
|
|
<div class="black">
|
||
|
|
<strong>FFFC73</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>
|