forked from okfde/offenerhaushalt.de
-
Notifications
You must be signed in to change notification settings - Fork 0
/
colors.html
100 lines (83 loc) · 3.84 KB
/
colors.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
</head>
<body>
<style type="text/css" media="screen">
.block {width: 280px; height: 40px; padding: 1em; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; float: left; margin:0;}
.column {width: 310px; float: left; margin-left: 20px;}
#clist {font-size: 1.4em;}
.area {display: inline-block; width: 40px; height: 12px;}
</style>
<div class="column">
<pre>
Vorschlag für unser Seite:
Blau für Seitenhintergrund
#1B283A sehr dunkel <span class="area" style="background-color:#1B283A"> </span>
#243448 dunkler <span class="area" style="background-color:#243448"> </span>
#26374D vollfarbig <span class="area" style="background-color:#26374D"> </span>
Hintergrund für Text
#EDF1F5 hellblau <span class="area" style="background-color:#EDF1F5"> </span>
#DDE7F0 etwas dunkler <span class="area" style="background-color:#DDE7F0"> </span>
#D6E1ED etwas farbiger <span class="area" style="background-color:#D6E1ED"> </span>
Text: #3C4142 <span style="color: #3C4142">some sample text</span>
Links: #1E434C <span style="color: #1E434C">some sample text</span>
Kontrastfarbe Grün:
#3D721D dunkel für Text <span style="color: #3D721D">sample text</span>
#A4CC77 hell für Hintergr. <span class="area" style="background-color:#A4CC77"> </span>
BMF:
orange: #D95700 (<span style="color: #D95700">Links, Header</span>)
Flächen, Hintergründe
grau: #777 <span class="area" style="background-color:#777"> </span>
hellgrau #DDD <span class="area" style="background-color:#DDD"> </span>
Sekundärfarben (Diagramme)
gelb: #E68424 <span class="area" style="background-color:#E68424"> </span>
blau: #1A2048 <span class="area" style="background-color:#1A2048"> </span>
</pre>
</div>
<div class="column">
<pre id='clist'>
Farben für Diagramme:
#EDC92D gelb
#E29826 orange
#CD531C blutorange
#CA221D rost
#D32645 erdbeer
#C22769 himbeer
#7A2077 blaubeer
#481B79 violet
#211D79 nachthimmel
#14388C meerblau
#2458A3 blau
#3F93E1 eisvogel
#42928F teal
#449256 grasgruen
#44913D blattgruen
#6AAC32 moosgruen
#A5B425 senf
</pre>
</div>
<div class="column">
<p class="block" style="background-color:#EDC92D">#EDC92D (gelb)</p>
<p class="block" style="background-color:#E29826">#E29826 (orange)</p>
<p class="block" style="background-color:#CD531C">#CD531C (blutorange)</p>
<p class="block" style="background-color:#CA221D">#CA221D (rost)</p>
<p class="block" style="background-color:#D32645">#D32645 (erdbeer)</p>
<p class="block" style="background-color:#C22769">#C22769 (himbeer)</p>
<p class="block" style="background-color:#7A2077">#7A2077 (blaubeer)</p>
<p class="block" style="background-color:#481B79">#481B79 (violet)</p>
<p class="block" style="background-color:#211D79">#211D79 (nachthimmel)</p>
<p class="block" style="background-color:#14388C">#14388C (meerblau)</p>
<p class="block" style="background-color:#2458A3">#2458A3 (blau)</p>
<p class="block" style="background-color:#3F93E1">#3F93E1 (eisvogel)</p>
<p class="block" style="background-color:#42928F">#42928F (teal)</p>
<p class="block" style="background-color:#449256">#449256 (grasgruen)</p>
<p class="block" style="background-color:#44913D">#44913D (blattgruen)</p>
<p class="block" style="background-color:#6AAC32">#6AAC32 (moosgruen)</p>
<p class="block" style="background-color:#A5B425">#A5B425 (senf)</p>
</div>
</body>
</html>