website_jukni/tools/palette_khanat.html

327 lines
7.3 KiB
HTML
Raw Normal View History

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