website_jukni/tools/palette_khaganat.html
2017-12-29 15:51:59 +01:00

326 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> &copy; Petr Stanicek 2002-2010</p>
</body>
</html>