-
Notifications
You must be signed in to change notification settings - Fork 0
/
diagrams-palette.html
112 lines (110 loc) · 4.62 KB
/
diagrams-palette.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0019)ColorImpact:ver1.10 -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Diagrams Palette Spec Sheet</title>
<meta name="Description" content="CSS spec sheet produced by ColorImpact." />
<meta name="author" content="ColorImpact" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="EN" />
<style type="text/css">
/*<![CDATA[*/
body{background:#ffffff;color:#555555;font-family:Verdana,sans-serif;margin:0;padding:20px 40px;}
div.colorbox{border:1px solid #cccccc;float:left;margin:0 20px 20px 0;padding:10px;width:140px;}
h1{font:130% Georgia,serif;margin:0 0 20px;}
h2{border-bottom:1px solid #dddddd;font-size:70%;margin:5px 0;padding-bottom:5px;text-align:center;white-space:nowrap;}
h3{font-size:70%;font-weight:normal;margin:0;white-space:nowrap;}
h6{background:transparent;clear:both;color:#888888;font:70% Arial,sans-serif;}
.Color01 {background-color: #FDF6B2;border:1px solid #eeeeee; height:100px; width:100%}
.Color02 {background-color: #FDD1B2;border:1px solid #eeeeee; height:100px; width:100%}
.Color03 {background-color: #E9A4DE;border:1px solid #eeeeee; height:100px; width:100%}
.Color04 {background-color: #A1BBE5;border:1px solid #eeeeee; height:100px; width:100%}
.Color05 {background-color: #A9E5A1;border:1px solid #eeeeee; height:100px; width:100%}
.Color06 {background-color: #BACFCF;border:1px solid #eeeeee; height:100px; width:100%}
.Color07 {background-color: #DEDEDE;border:1px solid #eeeeee; height:100px; width:100%}
.Color08 {background-color: #FEFAD8;border:1px solid #eeeeee; height:100px; width:100%}
.Color09 {background-color: #FEE8D8;border:1px solid #eeeeee; height:100px; width:100%}
.Color10 {background-color: #F4D0EE;border:1px solid #eeeeee; height:100px; width:100%}
.Color11 {background-color: #CEDCF2;border:1px solid #eeeeee; height:100px; width:100%}
.Color12 {background-color: #D2F2CE;border:1px solid #eeeeee; height:100px; width:100%}
.Color13 {background-color: #DBE7E7;border:1px solid #eeeeee; height:100px; width:100%}
.Color14 {background-color: #EFEFEF;border:1px solid #eeeeee; height:100px; width:100%}
/*]]>*/
</style>
</head>
<body>
<h1>Diagrams Palette Color Spec Sheet</h1>
<div class="colorbox">
<div class="Color01"></div>
<h2>Base Yellow</h2>
<h3><strong>RGB:</strong> 253.246.178<br /><strong>HEX:</strong> #fdf6b2</h3>
</div>
<div class="colorbox">
<div class="Color02"></div>
<h2>Base Orange</h2>
<h3><strong>RGB:</strong> 253.209.178<br /><strong>HEX:</strong> #fdd1b2</h3>
</div>
<div class="colorbox">
<div class="Color03"></div>
<h2>Base Pink</h2>
<h3><strong>RGB:</strong> 233.164.222<br /><strong>HEX:</strong> #e9a4de</h3>
</div>
<div class="colorbox">
<div class="Color04"></div>
<h2>Base Blue</h2>
<h3><strong>RGB:</strong> 161.187.229<br /><strong>HEX:</strong> #a1bbe5</h3>
</div>
<div class="colorbox">
<div class="Color05"></div>
<h2>Base Green</h2>
<h3><strong>RGB:</strong> 169.229.161<br /><strong>HEX:</strong> #a9e5a1</h3>
</div>
<div class="colorbox">
<div class="Color06"></div>
<h2>Base Steel</h2>
<h3><strong>RGB:</strong> 186.207.207<br /><strong>HEX:</strong> #bacfcf</h3>
</div>
<div class="colorbox">
<div class="Color07"></div>
<h2>Base Grey</h2>
<h3><strong>RGB:</strong> 222.222.222<br /><strong>HEX:</strong> #dedede</h3>
</div>
<br clear="all">
<div class="colorbox">
<div class="Color08"></div>
<h2>Light Yellow</h2>
<h3><strong>RGB:</strong> 254.250.216<br /><strong>HEX:</strong> #fefad8</h3>
</div>
<div class="colorbox">
<div class="Color09"></div>
<h2>Light Orange</h2>
<h3><strong>RGB:</strong> 254.232.216<br /><strong>HEX:</strong> #fee8d8</h3>
</div>
<div class="colorbox">
<div class="Color10"></div>
<h2>Light Pink</h2>
<h3><strong>RGB:</strong> 244.208.238<br /><strong>HEX:</strong> #f4d0ee</h3>
</div>
<div class="colorbox">
<div class="Color11"></div>
<h2>Light Blue</h2>
<h3><strong>RGB:</strong> 206.220.242<br /><strong>HEX:</strong> #cedcf2</h3>
</div>
<div class="colorbox">
<div class="Color12"></div>
<h2>Light Green</h2>
<h3><strong>RGB:</strong> 210.242.206<br /><strong>HEX:</strong> #d2f2ce</h3>
</div>
<div class="colorbox">
<div class="Color13"></div>
<h2>Light Steel</h2>
<h3><strong>RGB:</strong> 219.231.231<br /><strong>HEX:</strong> #dbe7e7</h3>
</div>
<div class="colorbox">
<div class="Color14"></div>
<h2>Light Grey</h2>
<h3><strong>RGB:</strong> 239.239.239<br /><strong>HEX:</strong> #efefef</h3>
</div>
<h6>Designed with <a href="http://www.tigercolor.com">ColorImpact</a>, Copyright © 2000 - 2011 TigerColor</h6>
</body>
</html>