141 lines
3.1 KiB
HTML
141 lines
3.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html class=" tbxicdktnk idc0_343"><head>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<title>Color palette by Paletton.com</title>
|
||
|
|
<meta name="generator" content="Paletton.com">
|
||
|
|
|
||
|
|
<style type="text/css">
|
||
|
|
|
||
|
|
/* Palette color codes */
|
||
|
|
/* Feel free to copy&paste color codes to your application */
|
||
|
|
|
||
|
|
.primary-1 { background-color: #FDE4F2 }
|
||
|
|
.primary-2 { background-color: #F9CEE7 }
|
||
|
|
.primary-0 { background-color: #F4B8DB }
|
||
|
|
.primary-3 { background-color: #EDA1CE }
|
||
|
|
.primary-4 { background-color: #E58ABF }
|
||
|
|
|
||
|
|
/* end */
|
||
|
|
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin:0; padding: 2em;
|
||
|
|
background: #fff;
|
||
|
|
color: #000;
|
||
|
|
font: 12px/1.33 "Segoe UI", "Helvetica Neue", Helvetica, 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: 100%;
|
||
|
|
font-weight: normal;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.color-table td.sample {
|
||
|
|
width:6em; height:6em;
|
||
|
|
padding: 10px;
|
||
|
|
text-align:center;
|
||
|
|
vertical-align:middle;
|
||
|
|
font-size:90%;
|
||
|
|
border: 1px solid white;
|
||
|
|
white-space:nowrap;
|
||
|
|
}
|
||
|
|
.color-table td.sample-0 {
|
||
|
|
width:18em;
|
||
|
|
}
|
||
|
|
.color-table.small td.sample {
|
||
|
|
width:3em; height:3em;
|
||
|
|
padding:0;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
.color-table.small td.sample-0 {
|
||
|
|
width:9em;
|
||
|
|
}
|
||
|
|
.color-table .white { margin-bottom:0.2em; color:white }
|
||
|
|
.color-table .black { margin-top:0.2em; color:black }
|
||
|
|
|
||
|
|
hr {
|
||
|
|
margin: 2em 0 1em 0;
|
||
|
|
border:none;
|
||
|
|
border-bottom:1px solid silver;
|
||
|
|
}
|
||
|
|
#footer {
|
||
|
|
padding:1em;
|
||
|
|
text-align:center;
|
||
|
|
font-size:80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<h1>Color Palette by Paletton.com</h1>
|
||
|
|
<p>Palette URL: <a href="http://paletton.com/#uid=1590u0k7UUa3cZA5wXlaiQ5cFL3">http://paletton.com/#uid=1590u0k7UUa3cZA5wXlaiQ5cFL3</a></p>
|
||
|
|
|
||
|
|
<table class="color-table">
|
||
|
|
<tbody><tr>
|
||
|
|
<th>Primary color:</th>
|
||
|
|
<td class="sample sample-1 primary-1">
|
||
|
|
<div class="white">#FDE4F2</div>
|
||
|
|
<div class="black">#FDE4F2</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample sample-2 primary-2">
|
||
|
|
<div class="white">#F9CEE7</div>
|
||
|
|
<div class="black">#F9CEE7</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample sample-0 primary-0">
|
||
|
|
<div class="white">#F4B8DB</div>
|
||
|
|
<div class="black">#F4B8DB</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample sample-3 primary-3">
|
||
|
|
<div class="white">#EDA1CE</div>
|
||
|
|
<div class="black">#EDA1CE</div>
|
||
|
|
</td>
|
||
|
|
<td class="sample sample-4 primary-4">
|
||
|
|
<div class="white">#E58ABF</div>
|
||
|
|
<div class="black">#E58ABF</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody></table>
|
||
|
|
|
||
|
|
<table class="color-table small">
|
||
|
|
<tbody><tr>
|
||
|
|
<th>Primary color:</th>
|
||
|
|
<td class="sample sample-1 primary-1"></td>
|
||
|
|
<td class="sample sample-2 primary-2"></td>
|
||
|
|
<td class="sample sample-0 primary-0"></td>
|
||
|
|
<td class="sample sample-3 primary-3"></td>
|
||
|
|
<td class="sample sample-4 primary-4"></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 document for latter use.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<p id="footer">Generated by <a href="http://paletton.com/">Paletton.com</a> © 2002-2014</p>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body></html>
|