SVG – Learning by Coding

[ farbnamen.svg --> Grafik anzeigen ]

  1: <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
  2: <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
  3:   "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
  4:   <!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">
  5: ]>
  6: 
  7: <!-- SVG Learning By Coding http://www.datenverdrahten.de/svglbc/ -->
  8: <!--    AuthorDrThomas Meinike 02/03 thomas@handmadecode.de     -->
  9: 
 10: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
 11:   onload="getSVGDoc(evt)" onzoom="ZoomControl()">
 12: 
 13:   <title>SVG Learning By Coding</title>
 14:   <desc>SVG-Spezifikation in Beispielen</desc>
 15: 
 16:   <defs>
 17: 
 18:     <style type="text/css">
 19:       <![CDATA[
 20: 
 21:       *
 22:       {
 23:         font-familysans-serif;
 24:         font-size12px;
 25:       }
 26: 
 27:       ]]>
 28:     </style>
 29: 
 30:     <script xlink:href="tooltip.js" type="text/javascript"/>
 31: 
 32:   </defs>
 33: 
 34:   <text x="20" y="25" style="fill: #000; font-size: 24px">Farbnamen in SVG</text>
 35: 
 36:   <rect x="10" y="40" height="10" width="10" style="fill: aliceblue"
 37:     onmouseover="ShowTooltip(evt,'rgb(240,248,255)')" onmouseout="HideTooltip()"/>
 38:   <text x="25" y="50">aliceblue</text>
 39:   <rect x="10" y="60" height="10" width="10" style="fill: antiquewhite"
 40:     onmouseover="ShowTooltip(evt,'rgb(250,235,215)')" onmouseout="HideTooltip()"/>
 41:   <text x="25" y="70">antiquewhite</text>
 42:   <rect x="10" y="80" height="10" width="10" style="fill: aqua"
 43:     onmouseover="ShowTooltip(evt,'rgb(0,255,255)')" onmouseout="HideTooltip()"/>
 44:   <text x="25" y="90">aqua</text>
 45:   <rect x="10" y="100" height="10" width="10" style="fill: aquamarine"
 46:     onmouseover="ShowTooltip(evt,'rgb(127,255,212)')" onmouseout="HideTooltip()"/>
 47:   <text x="25" y="110">aquamarine</text>
 48:   <rect x="10" y="120" height="10" width="10" style="fill: azure"
 49:     onmouseover="ShowTooltip(evt,'rgb(240,255,255)')" onmouseout="HideTooltip()"/>
 50:   <text x="25" y="130">azure</text>
 51:   <rect x="10" y="140" height="10" width="10" style="fill: beige"
 52:     onmouseover="ShowTooltip(evt,'rgb(245,245,220)')" onmouseout="HideTooltip()"/>
 53:   <text x="25" y="150">beige</text>
 54:   <rect x="10" y="160" height="10" width="10" style="fill: bisque"
 55:     onmouseover="ShowTooltip(evt,'rgb(255,228,196)')" onmouseout="HideTooltip()"/>
 56:   <text x="25" y="170">bisque</text>
 57:   <rect x="10" y="180" height="10" width="10" style="fill: black"
 58:     onmouseover="ShowTooltip(evt,'rgb(0,0,0)')" onmouseout="HideTooltip()"/>
 59:   <text x="25" y="190">black</text>
 60:   <rect x="10" y="200" height="10" width="10" style="fill: blanchedalmond"
 61:     onmouseover="ShowTooltip(evt,'rgb(255,235,205)')" onmouseout="HideTooltip()"/>
 62:   <text x="25" y="210">blanchedalmond</text>
 63:   <rect x="10" y="220" height="10" width="10" style="fill: blue"
 64:     onmouseover="ShowTooltip(evt,'rgb(0,0,255)')" onmouseout="HideTooltip()"/>
 65:   <text x="25" y="230">blue</text>
 66:   <rect x="10" y="240" height="10" width="10" style="fill: blueviolet"
 67:     onmouseover="ShowTooltip(evt,'rgb(138,43,226)')" onmouseout="HideTooltip()"/>
 68:   <text x="25" y="250">blueviolet</text>
 69:   <rect x="10" y="260" height="10" width="10" style="fill: brown"
 70:     onmouseover="ShowTooltip(evt,'rgb(165,42,42)')" onmouseout="HideTooltip()"/>
 71:   <text x="25" y="270">brown</text>
 72:   <rect x="10" y="280" height="10" width="10" style="fill: burlywood"
 73:     onmouseover="ShowTooltip(evt,'rgb(222,184,135)')" onmouseout="HideTooltip()"/>
 74:   <text x="25" y="290">burlywood</text>
 75:   <rect x="10" y="300" height="10" width="10" style="fill: cadetblue"
 76:     onmouseover="ShowTooltip(evt,'rgb(95,158,160)')" onmouseout="HideTooltip()"/>
 77:   <text x="25" y="310">cadetblue</text>
 78:   <rect x="10" y="320" height="10" width="10" style="fill: chartreuse"
 79:     onmouseover="ShowTooltip(evt,'rgb(127,255,0)')" onmouseout="HideTooltip()"/>
 80:   <text x="25" y="330">chartreuse</text>
 81:   <rect x="10" y="340" height="10" width="10" style="fill: chocolate"
 82:     onmouseover="ShowTooltip(evt,'rgb(210,105,30)')" onmouseout="HideTooltip()"/>
 83:   <text x="25" y="350">chocolate</text>
 84:   <rect x="10" y="360" height="10" width="10" style="fill: coral"
 85:     onmouseover="ShowTooltip(evt,'rgb(255,127,80)')" onmouseout="HideTooltip()"/>
 86:   <text x="25" y="370">coral</text>
 87:   <rect x="10" y="380" height="10" width="10" style="fill: cornflowerblue"
 88:     onmouseover="ShowTooltip(evt,'rgb(100,149,237)')" onmouseout="HideTooltip()"/>
 89:   <text x="25" y="390">cornflowerblue</text>
 90:   <rect x="10" y="400" height="10" width="10" style="fill: cornsilk"
 91:     onmouseover="ShowTooltip(evt,'rgb(255,248,220)')" onmouseout="HideTooltip()"/>
 92:   <text x="25" y="410">cornsilk</text>
 93:   <rect x="10" y="420" height="10" width="10" style="fill: crimson"
 94:     onmouseover="ShowTooltip(evt,'rgb(220,20,60)')" onmouseout="HideTooltip()"/>
 95:   <text x="25" y="430">crimson</text>
 96:   <rect x="10" y="440" height="10" width="10" style="fill: cyan"
 97:     onmouseover="ShowTooltip(evt,'rgb(0,255,255)')" onmouseout="HideTooltip()"/>
 98:   <text x="25" y="450">cyan</text>
 99:   <rect x="10" y="460" height="10" width="10" style="fill: darkblue"
100:     onmouseover="ShowTooltip(evt,'rgb(0,0,139)')" onmouseout="HideTooltip()"/>
101:   <text x="25" y="470">darkblue</text>
102:   <rect x="10" y="480" height="10" width="10" style="fill: darkcyan"
103:     onmouseover="ShowTooltip(evt,'rgb(0,139,139)')" onmouseout="HideTooltip()"/>
104:   <text x="25" y="490">darkcyan</text>
105:   <rect x="10" y="500" height="10" width="10" style="fill: darkgoldenrod"
106:     onmouseover="ShowTooltip(evt,'rgb(184,134,11)')" onmouseout="HideTooltip()"/>
107:   <text x="25" y="510">darkgoldenrod</text>
108:   <rect x="10" y="520" height="10" width="10" style="fill: darkgray"
109:     onmouseover="ShowTooltip(evt,'rgb(169,169,169)')" onmouseout="HideTooltip()"/>
110:   <text x="25" y="530">darkgray</text>
111:   <rect x="135" y="40" height="10" width="10" style="fill: darkgreen"
112:     onmouseover="ShowTooltip(evt,'rgb(0,100,0)')" onmouseout="HideTooltip()"/>
113:   <text x="150" y="50">darkgreen</text>
114:   <rect x="135" y="60" height="10" width="10" style="fill: darkgrey"
115:     onmouseover="ShowTooltip(evt,'rgb(169,169,169)')" onmouseout="HideTooltip()"/>
116:   <text x="150" y="70">darkgrey</text>
117:   <rect x="135" y="80" height="10" width="10" style="fill: darkkhaki"
118:     onmouseover="ShowTooltip(evt,'rgb(189,183,107)')" onmouseout="HideTooltip()"/>
119:   <text x="150" y="90">darkkhaki</text>
120:   <rect x="135" y="100" height="10" width="10" style="fill: darkmagenta"
121:     onmouseover="ShowTooltip(evt,'rgb(139,0,139)')" onmouseout="HideTooltip()"/>
122:   <text x="150" y="110">darkmagenta</text>
123:   <rect x="135" y="120" height="10" width="10" style="fill: darkolivegreen"
124:     onmouseover="ShowTooltip(evt,'rgb(85,107,47)')" onmouseout="HideTooltip()"/>
125:   <text x="150" y="130">darkolivegreen</text>
126:   <rect x="135" y="140" height="10" width="10" style="fill: darkorange"
127:     onmouseover="ShowTooltip(evt,'rgb(255,140,0)')" onmouseout="HideTooltip()"/>
128:   <text x="150" y="150">darkorange</text>
129:   <rect x="135" y="160" height="10" width="10" style="fill: darkorchid"
130:     onmouseover="ShowTooltip(evt,'rgb(153,50,204)')" onmouseout="HideTooltip()"/>
131:   <text x="150" y="170">darkorchid</text>
132:   <rect x="135" y="180" height="10" width="10" style="fill: darkred"
133:     onmouseover="ShowTooltip(evt,'rgb(139,0,0)')" onmouseout="HideTooltip()"/>
134:   <text x="150" y="190">darkred</text>
135:   <rect x="135" y="200" height="10" width="10" style="fill: darksalmon"
136:     onmouseover="ShowTooltip(evt,'rgb(233,150,122)')" onmouseout="HideTooltip()"/>
137:   <text x="150" y="210">darksalmon</text>
138:   <rect x="135" y="220" height="10" width="10" style="fill: darkseagreen"
139:     onmouseover="ShowTooltip(evt,'rgb(143,188,143)')" onmouseout="HideTooltip()"/>
140:   <text x="150" y="230">darkseagreen</text>
141:   <rect x="135" y="240" height="10" width="10" style="fill: darkslateblue"
142:     onmouseover="ShowTooltip(evt,'rgb(72,61,139)')" onmouseout="HideTooltip()"/>
143:   <text x="150" y="250">darkslateblue</text>
144:   <rect x="135" y="260" height="10" width="10" style="fill: darkslategray"
145:     onmouseover="ShowTooltip(evt,'rgb(47,79,79)')" onmouseout="HideTooltip()"/>
146:   <text x="150" y="270">darkslategray</text>
147:   <rect x="135" y="280" height="10" width="10" style="fill: darkslategrey"
148:     onmouseover="ShowTooltip(evt,'rgb(47,79,79)')" onmouseout="HideTooltip()"/>
149:   <text x="150" y="290">darkslategrey</text>
150:   <rect x="135" y="300" height="10" width="10" style="fill: darkturquoise"
151:     onmouseover="ShowTooltip(evt,'rgb(0,206,209)')" onmouseout="HideTooltip()"/>
152:   <text x="150" y="310">darkturquoise</text>
153:   <rect x="135" y="320" height="10" width="10" style="fill: darkviolet"
154:     onmouseover="ShowTooltip(evt,'rgb(148,0,211)')" onmouseout="HideTooltip()"/>
155:   <text x="150" y="330">darkviolet</text>
156:   <rect x="135" y="340" height="10" width="10" style="fill: deeppink"
157:     onmouseover="ShowTooltip(evt,'rgb(255,20,147)')" onmouseout="HideTooltip()"/>
158:   <text x="150" y="350">deeppink</text>
159:   <rect x="135" y="360" height="10" width="10" style="fill: deepskyblue"
160:     onmouseover="ShowTooltip(evt,'rgb(0,191,255)')" onmouseout="HideTooltip()"/>
161:   <text x="150" y="370">deepskyblue</text>
162:   <rect x="135" y="380" height="10" width="10" style="fill: dimgray"
163:     onmouseover="ShowTooltip(evt,'rgb(105,105,105)')" onmouseout="HideTooltip()"/>
164:   <text x="150" y="390">dimgray</text>
165:   <rect x="135" y="400" height="10" width="10" style="fill: dimgrey"
166:     onmouseover="ShowTooltip(evt,'rgb(105,105,105)')" onmouseout="HideTooltip()"/>
167:   <text x="150" y="410">dimgrey</text>
168:   <rect x="135" y="420" height="10" width="10" style="fill: dodgerblue"
169:     onmouseover="ShowTooltip(evt,'rgb(30,144,255)')" onmouseout="HideTooltip()"/>
170:   <text x="150" y="430">dodgerblue</text>
171:   <rect x="135" y="440" height="10" width="10" style="fill: firebrick"
172:     onmouseover="ShowTooltip(evt,'rgb(178,34,34)')" onmouseout="HideTooltip()"/>
173:   <text x="150" y="450">firebrick</text>
174:   <rect x="135" y="460" height="10" width="10" style="fill: floralwhite"
175:     onmouseover="ShowTooltip(evt,'rgb(255,250,240)')" onmouseout="HideTooltip()"/>
176:   <text x="150" y="470">floralwhite</text>
177:   <rect x="135" y="480" height="10" width="10" style="fill: forestgreen"
178:     onmouseover="ShowTooltip(evt,'rgb(34,139,34)')" onmouseout="HideTooltip()"/>
179:   <text x="150" y="490">forestgreen</text>
180:   <rect x="135" y="500" height="10" width="10" style="fill: fuchsia"
181:     onmouseover="ShowTooltip(evt,'rgb(255,0,255)')" onmouseout="HideTooltip()"/>
182:   <text x="150" y="510">fuchsia</text>
183:   <rect x="135" y="520" height="10" width="10" style="fill: gainsboro"
184:     onmouseover="ShowTooltip(evt,'rgb(220,220,220)')" onmouseout="HideTooltip()"/>
185:   <text x="150" y="530">gainsboro</text>
186:   <rect x="260" y="40" height="10" width="10" style="fill: ghostwhite"
187:     onmouseover="ShowTooltip(evt,'rgb(248,248,255)')" onmouseout="HideTooltip()"/>
188:   <text x="275" y="50">ghostwhite</text>
189:   <rect x="260" y="60" height="10" width="10" style="fill: gold"
190:     onmouseover="ShowTooltip(evt,'rgb(255,215,0)')" onmouseout="HideTooltip()"/>
191:   <text x="275" y="70">gold</text>
192:   <rect x="260" y="80" height="10" width="10" style="fill: goldenrod"
193:     onmouseover="ShowTooltip(evt,'rgb(218,165,32)')" onmouseout="HideTooltip()"/>
194:   <text x="275" y="90">goldenrod</text>
195:   <rect x="260" y="100" height="10" width="10" style="fill: gray"
196:     onmouseover="ShowTooltip(evt,'rgb(128,128,128)')" onmouseout="HideTooltip()"/>
197:   <text x="275" y="110">gray</text>
198:   <rect x="260" y="120" height="10" width="10" style="fill: grey"
199:     onmouseover="ShowTooltip(evt,'rgb(128,128,128)')" onmouseout="HideTooltip()"/>
200:   <text x="275" y="130">grey</text>
201:   <rect x="260" y="140" height="10" width="10" style="fill: green"
202:     onmouseover="ShowTooltip(evt,'rgb(0,128,0)')" onmouseout="HideTooltip()"/>
203:   <text x="275" y="150">green</text>
204:   <rect x="260" y="160" height="10" width="10" style="fill: greenyellow"
205:     onmouseover="ShowTooltip(evt,'rgb(173,255,47)')" onmouseout="HideTooltip()"/>
206:   <text x="275" y="170">greenyellow</text>
207:   <rect x="260" y="180" height="10" width="10" style="fill: honeydew"
208:     onmouseover="ShowTooltip(evt,'rgb(240,255,240)')" onmouseout="HideTooltip()"/>
209:   <text x="275" y="190">honeydew</text>
210:   <rect x="260" y="200" height="10" width="10" style="fill: hotpink"
211:     onmouseover="ShowTooltip(evt,'rgb(255,105,180)')" onmouseout="HideTooltip()"/>
212:   <text x="275" y="210">hotpink</text>
213:   <rect x="260" y="220" height="10" width="10" style="fill: indianred"
214:     onmouseover="ShowTooltip(evt,'rgb(205,92,92)')" onmouseout="HideTooltip()"/>
215:   <text x="275" y="230">indianred</text>
216:   <rect x="260" y="240" height="10" width="10" style="fill: indigo"
217:     onmouseover="ShowTooltip(evt,'rgb(75,0,130)')" onmouseout="HideTooltip()"/>
218:   <text x="275" y="250">indigo</text>
219:   <rect x="260" y="260" height="10" width="10" style="fill: ivory"
220:     onmouseover="ShowTooltip(evt,'rgb(255,255,240)')" onmouseout="HideTooltip()"/>
221:   <text x="275" y="270">ivory</text>
222:   <rect x="260" y="280" height="10" width="10" style="fill: khaki"
223:     onmouseover="ShowTooltip(evt,'rgb(240,230,140)')" onmouseout="HideTooltip()"/>
224:   <text x="275" y="290">khaki</text>
225:   <rect x="260" y="300" height="10" width="10" style="fill: lavender"
226:     onmouseover="ShowTooltip(evt,'rgb(230,230,250)')" onmouseout="HideTooltip()"/>
227:   <text x="275" y="310">lavender</text>
228:   <rect x="260" y="320" height="10" width="10" style="fill: lavenderblush"
229:     onmouseover="ShowTooltip(evt,'rgb(255,240,245)')" onmouseout="HideTooltip()"/>
230:   <text x="275" y="330">lavenderblush</text>
231:   <rect x="260" y="340" height="10" width="10" style="fill: lawngreen"
232:     onmouseover="ShowTooltip(evt,'rgb(124,252,0)')" onmouseout="HideTooltip()"/>
233:   <text x="275" y="350">lawngreen</text>
234:   <rect x="260" y="360" height="10" width="10" style="fill: lemonchiffon"
235:     onmouseover="ShowTooltip(evt,'rgb(255,250,205)')" onmouseout="HideTooltip()"/>
236:   <text x="275" y="370">lemonchiffon</text>
237:   <rect x="260" y="380" height="10" width="10" style="fill: lightblue"
238:     onmouseover="ShowTooltip(evt,'rgb(173,216,230)')" onmouseout="HideTooltip()"/>
239:   <text x="275" y="390">lightblue</text>
240:   <rect x="260" y="400" height="10" width="10" style="fill: lightcoral"
241:     onmouseover="ShowTooltip(evt,'rgb(240,128,128)')" onmouseout="HideTooltip()"/>
242:   <text x="275" y="410">lightcoral</text>
243:   <rect x="260" y="420" height="10" width="10" style="fill: lightcyan"
244:     onmouseover="ShowTooltip(evt,'rgb(224,255,255)')" onmouseout="HideTooltip()"/>
245:   <text x="275" y="430">lightcyan</text>
246:   <rect x="260" y="440" height="10" width="10" style="fill: lightgoldenrodyellow"
247:     onmouseover="ShowTooltip(evt,'rgb(250,250,210)')" onmouseout="HideTooltip()"/>
248:   <text x="275" y="450">lightgoldenrodyellow</text>
249:   <rect x="260" y="460" height="10" width="10" style="fill: lightgray"
250:     onmouseover="ShowTooltip(evt,'rgb(211,211,211)')" onmouseout="HideTooltip()"/>
251:   <text x="275" y="470">lightgray</text>
252:   <rect x="260" y="480" height="10" width="10" style="fill: lightgreen"
253:     onmouseover="ShowTooltip(evt,'rgb(144,238,144)')" onmouseout="HideTooltip()"/>
254:   <text x="275" y="490">lightgreen</text>
255:   <rect x="260" y="500" height="10" width="10" style="fill: lightgrey"
256:     onmouseover="ShowTooltip(evt,'rgb(211,211,211)')" onmouseout="HideTooltip()"/>
257:   <text x="275" y="510">lightgrey</text>
258:   <rect x="260" y="520" height="10" width="10" style="fill: lightpink"
259:     onmouseover="ShowTooltip(evt,'rgb(255,182,193)')" onmouseout="HideTooltip()"/>
260:   <text x="275" y="530">lightpink</text>
261:   <rect x="385" y="40" height="10" width="10" style="fill: lightsalmon"
262:     onmouseover="ShowTooltip(evt,'rgb(255,160,122)')" onmouseout="HideTooltip()"/>
263:   <text x="400" y="50">lightsalmon</text>
264:   <rect x="385" y="60" height="10" width="10" style="fill: lightseagreen"
265:     onmouseover="ShowTooltip(evt,'rgb(32,178,170)')" onmouseout="HideTooltip()"/>
266:   <text x="400" y="70">lightseagreen</text>
267:   <rect x="385" y="80" height="10" width="10" style="fill: lightskyblue"
268:     onmouseover="ShowTooltip(evt,'rgb(135,206,250)')" onmouseout="HideTooltip()"/>
269:   <text x="400" y="90">lightskyblue</text>
270:   <rect x="385" y="100" height="10" width="10" style="fill: lightslategray"
271:     onmouseover="ShowTooltip(evt,'rgb(119,136,153)')" onmouseout="HideTooltip()"/>
272:   <text x="400" y="110">lightslategray</text>
273:   <rect x="385" y="120" height="10" width="10" style="fill: lightslategrey"
274:     onmouseover="ShowTooltip(evt,'rgb(119,136,153)')" onmouseout="HideTooltip()"/>
275:   <text x="400" y="130">lightslategrey</text>
276:   <rect x="385" y="140" height="10" width="10" style="fill: lightsteelblue"
277:     onmouseover="ShowTooltip(evt,'rgb(176,196,222)')" onmouseout="HideTooltip()"/>
278:   <text x="400" y="150">lightsteelblue</text>
279:   <rect x="385" y="160" height="10" width="10" style="fill: lightyellow"
280:     onmouseover="ShowTooltip(evt,'rgb(255,255,224)')" onmouseout="HideTooltip()"/>
281:   <text x="400" y="170">lightyellow</text>
282:   <rect x="385" y="180" height="10" width="10" style="fill: lime"
283:     onmouseover="ShowTooltip(evt,'rgb(0,255,0)')" onmouseout="HideTooltip()"/>
284:   <text x="400" y="190">lime</text>
285:   <rect x="385" y="200" height="10" width="10" style="fill: limegreen"
286:     onmouseover="ShowTooltip(evt,'rgb(50,205,50)')" onmouseout="HideTooltip()"/>
287:   <text x="400" y="210">limegreen</text>
288:   <rect x="385" y="220" height="10" width="10" style="fill: linen"
289:     onmouseover="ShowTooltip(evt,'rgb(250,240,230)')" onmouseout="HideTooltip()"/>
290:   <text x="400" y="230">linen</text>
291:   <rect x="385" y="240" height="10" width="10" style="fill: magenta"
292:     onmouseover="ShowTooltip(evt,'rgb(255,0,255)')" onmouseout="HideTooltip()"/>
293:   <text x="400" y="250">magenta</text>
294:   <rect x="385" y="260" height="10" width="10" style="fill: maroon"
295:     onmouseover="ShowTooltip(evt,'rgb(128,0,0)')" onmouseout="HideTooltip()"/>
296:   <text x="400" y="270">maroon</text>
297:   <rect x="385" y="280" height="10" width="10" style="fill: mediumaquamarine"
298:     onmouseover="ShowTooltip(evt,'rgb(102,205,170)')" onmouseout="HideTooltip()"/>
299:   <text x="400" y="290">mediumaquamarine</text>
300:   <rect x="385" y="300" height="10" width="10" style="fill: mediumblue"
301:     onmouseover="ShowTooltip(evt,'rgb(0,0,205)')" onmouseout="HideTooltip()"/>
302:   <text x="400" y="310">mediumblue</text>
303:   <rect x="385" y="320" height="10" width="10" style="fill: mediumorchid"
304:     onmouseover="ShowTooltip(evt,'rgb(186,85,211)')" onmouseout="HideTooltip()"/>
305:   <text x="400" y="330">mediumorchid</text>
306:   <rect x="385" y="340" height="10" width="10" style="fill: mediumpurple"
307:     onmouseover="ShowTooltip(evt,'rgb(147,112,219)')" onmouseout="HideTooltip()"/>
308:   <text x="400" y="350">mediumpurple</text>
309:   <rect x="385" y="360" height="10" width="10" style="fill: mediumseagreen"
310:     onmouseover="ShowTooltip(evt,'rgb(60,179,113)')" onmouseout="HideTooltip()"/>
311:   <text x="400" y="370">mediumseagreen</text>
312:   <rect x="385" y="380" height="10" width="10" style="fill: mediumslateblue"
313:     onmouseover="ShowTooltip(evt,'rgb(123,104,238)')" onmouseout="HideTooltip()"/>
314:   <text x="400" y="390">mediumslateblue</text>
315:   <rect x="385" y="400" height="10" width="10" style="fill: mediumspringgreen"
316:     onmouseover="ShowTooltip(evt,'rgb(0,250,154)')" onmouseout="HideTooltip()"/>
317:   <text x="400" y="410">mediumspringgreen</text>
318:   <rect x="385" y="420" height="10" width="10" style="fill: mediumturquoise"
319:     onmouseover="ShowTooltip(evt,'rgb(72,209,204)')" onmouseout="HideTooltip()"/>
320:   <text x="400" y="430">mediumturquoise</text>
321:   <rect x="385" y="440" height="10" width="10" style="fill: mediumvioletred"
322:     onmouseover="ShowTooltip(evt,'rgb(199,21,133)')" onmouseout="HideTooltip()"/>
323:   <text x="400" y="450">mediumvioletred</text>
324:   <rect x="385" y="460" height="10" width="10" style="fill: midnightblue"
325:     onmouseover="ShowTooltip(evt,'rgb(25,25,112)')" onmouseout="HideTooltip()"/>
326:   <text x="400" y="470">midnightblue</text>
327:   <rect x="385" y="480" height="10" width="10" style="fill: mintcream"
328:     onmouseover="ShowTooltip(evt,'rgb(245,255,250)')" onmouseout="HideTooltip()"/>
329:   <text x="400" y="490">mintcream</text>
330:   <rect x="385" y="500" height="10" width="10" style="fill: mistyrose"
331:     onmouseover="ShowTooltip(evt,'rgb(255,228,225)')" onmouseout="HideTooltip()"/>
332:   <text x="400" y="510">mistyrose</text>
333:   <rect x="385" y="520" height="10" width="10" style="fill: moccasin"
334:     onmouseover="ShowTooltip(evt,'rgb(255,228,181)')" onmouseout="HideTooltip()"/>
335:   <text x="400" y="530">moccasin</text>
336:   <rect x="510" y="40" height="10" width="10" style="fill: navajowhite"
337:     onmouseover="ShowTooltip(evt,'rgb(255,222,173)')" onmouseout="HideTooltip()"/>
338:   <text x="525" y="50">navajowhite</text>
339:   <rect x="510" y="60" height="10" width="10" style="fill: navy"
340:     onmouseover="ShowTooltip(evt,'rgb(0,0,128)')" onmouseout="HideTooltip()"/>
341:   <text x="525" y="70">navy</text>
342:   <rect x="510" y="80" height="10" width="10" style="fill: oldlace"
343:     onmouseover="ShowTooltip(evt,'rgb(253,245,230)')" onmouseout="HideTooltip()"/>
344:   <text x="525" y="90">oldlace</text>
345:   <rect x="510" y="100" height="10" width="10" style="fill: olive"
346:     onmouseover="ShowTooltip(evt,'rgb(128,128,0)')" onmouseout="HideTooltip()"/>
347:   <text x="525" y="110">olive</text>
348:   <rect x="510" y="120" height="10" width="10" style="fill: olivedrab"
349:     onmouseover="ShowTooltip(evt,'rgb(107,142,35)')" onmouseout="HideTooltip()"/>
350:   <text x="525" y="130">olivedrab</text>
351:   <rect x="510" y="140" height="10" width="10" style="fill: orange"
352:     onmouseover="ShowTooltip(evt,'rgb(255,165,0)')" onmouseout="HideTooltip()"/>
353:   <text x="525" y="150">orange</text>
354:   <rect x="510" y="160" height="10" width="10" style="fill: orangered"
355:     onmouseover="ShowTooltip(evt,'rgb(255,69,0)')" onmouseout="HideTooltip()"/>
356:   <text x="525" y="170">orangered</text>
357:   <rect x="510" y="180" height="10" width="10" style="fill: orchid"
358:     onmouseover="ShowTooltip(evt,'rgb(218,112,214)')" onmouseout="HideTooltip()"/>
359:   <text x="525" y="190">orchid</text>
360:   <rect x="510" y="200" height="10" width="10" style="fill: palegoldenrod"
361:     onmouseover="ShowTooltip(evt,'rgb(238,232,170)')" onmouseout="HideTooltip()"/>
362:   <text x="525" y="210">palegoldenrod</text>
363:   <rect x="510" y="220" height="10" width="10" style="fill: palegreen"
364:     onmouseover="ShowTooltip(evt,'rgb(152,251,152)')" onmouseout="HideTooltip()"/>
365:   <text x="525" y="230">palegreen</text>
366:   <rect x="510" y="240" height="10" width="10" style="fill: paleturquoise"
367:     onmouseover="ShowTooltip(evt,'rgb(175,238,238)')" onmouseout="HideTooltip()"/>
368:   <text x="525" y="250">paleturquoise</text>
369:   <rect x="510" y="260" height="10" width="10" style="fill: palevioletred"
370:     onmouseover="ShowTooltip(evt,'rgb(219,112,147)')" onmouseout="HideTooltip()"/>
371:   <text x="525" y="270">palevioletred</text>
372:   <rect x="510" y="280" height="10" width="10" style="fill: papayawhip"
373:     onmouseover="ShowTooltip(evt,'rgb(255,239,213)')" onmouseout="HideTooltip()"/>
374:   <text x="525" y="290">papayawhip</text>
375:   <rect x="510" y="300" height="10" width="10" style="fill: peachpuff"
376:     onmouseover="ShowTooltip(evt,'rgb(255,218,185)')" onmouseout="HideTooltip()"/>
377:   <text x="525" y="310">peachpuff</text>
378:   <rect x="510" y="320" height="10" width="10" style="fill: peru"
379:     onmouseover="ShowTooltip(evt,'rgb(205,133,63)')" onmouseout="HideTooltip()"/>
380:   <text x="525" y="330">peru</text>
381:   <rect x="510" y="340" height="10" width="10" style="fill: pink"
382:     onmouseover="ShowTooltip(evt,'rgb(255,192,203)')" onmouseout="HideTooltip()"/>
383:   <text x="525" y="350">pink</text>
384:   <rect x="510" y="360" height="10" width="10" style="fill: plum"
385:     onmouseover="ShowTooltip(evt,'rgb(221,160,221)')" onmouseout="HideTooltip()"/>
386:   <text x="525" y="370">plum</text>
387:   <rect x="510" y="380" height="10" width="10" style="fill: powderblue"
388:     onmouseover="ShowTooltip(evt,'rgb(176,224,230)')" onmouseout="HideTooltip()"/>
389:   <text x="525" y="390">powderblue</text>
390:   <rect x="510" y="400" height="10" width="10" style="fill: purple"
391:     onmouseover="ShowTooltip(evt,'rgb(128,0,128)')" onmouseout="HideTooltip()"/>
392:   <text x="525" y="410">purple</text>
393:   <rect x="510" y="420" height="10" width="10" style="fill: red"
394:     onmouseover="ShowTooltip(evt,'rgb(255,0,0)')" onmouseout="HideTooltip()"/>
395:   <text x="525" y="430">red</text>
396:   <rect x="510" y="440" height="10" width="10" style="fill: rosybrown"
397:     onmouseover="ShowTooltip(evt,'rgb(188,143,143)')" onmouseout="HideTooltip()"/>
398:   <text x="525" y="450">rosybrown</text>
399:   <rect x="510" y="460" height="10" width="10" style="fill: royalblue"
400:     onmouseover="ShowTooltip(evt,'rgb(65,105,225)')" onmouseout="HideTooltip()"/>
401:   <text x="525" y="470">royalblue</text>
402:   <rect x="510" y="480" height="10" width="10" style="fill: saddlebrown"
403:     onmouseover="ShowTooltip(evt,'rgb(139,69,19)')" onmouseout="HideTooltip()"/>
404:   <text x="525" y="490">saddlebrown</text>
405:   <rect x="510" y="500" height="10" width="10" style="fill: salmon"
406:     onmouseover="ShowTooltip(evt,'rgb(250,128,114)')" onmouseout="HideTooltip()"/>
407:   <text x="525" y="510">salmon</text>
408:   <rect x="510" y="520" height="10" width="10" style="fill: sandybrown"
409:     onmouseover="ShowTooltip(evt,'rgb(244,164,96)')" onmouseout="HideTooltip()"/>
410:   <text x="525" y="530">sandybrown</text>
411:   <rect x="635" y="40" height="10" width="10" style="fill: seagreen"
412:     onmouseover="ShowTooltip(evt,'rgb(46,139,87)')" onmouseout="HideTooltip()"/>
413:   <text x="650" y="50">seagreen</text>
414:   <rect x="635" y="60" height="10" width="10" style="fill: seashell"
415:     onmouseover="ShowTooltip(evt,'rgb(255,245,238)')" onmouseout="HideTooltip()"/>
416:   <text x="650" y="70">seashell</text>
417:   <rect x="635" y="80" height="10" width="10" style="fill: sienna"
418:     onmouseover="ShowTooltip(evt,'rgb(160,82,45)')" onmouseout="HideTooltip()"/>
419:   <text x="650" y="90">sienna</text>
420:   <rect x="635" y="100" height="10" width="10" style="fill: silver"
421:     onmouseover="ShowTooltip(evt,'rgb(192,192,192)')" onmouseout="HideTooltip()"/>
422:   <text x="650" y="110">silver</text>
423:   <rect x="635" y="120" height="10" width="10" style="fill: skyblue"
424:     onmouseover="ShowTooltip(evt,'rgb(135,206,235)')" onmouseout="HideTooltip()"/>
425:   <text x="650" y="130">skyblue</text>
426:   <rect x="635" y="140" height="10" width="10" style="fill: slateblue"
427:     onmouseover="ShowTooltip(evt,'rgb(106,90,205)')" onmouseout="HideTooltip()"/>
428:   <text x="650" y="150">slateblue</text>
429:   <rect x="635" y="160" height="10" width="10" style="fill: slategray"
430:     onmouseover="ShowTooltip(evt,'rgb(112,128,144)')" onmouseout="HideTooltip()"/>
431:   <text x="650" y="170">slategray</text>
432:   <rect x="635" y="180" height="10" width="10" style="fill: slategrey"
433:     onmouseover="ShowTooltip(evt,'rgb(112,128,144)')" onmouseout="HideTooltip()"/>
434:   <text x="650" y="190">slategrey</text>
435:   <rect x="635" y="200" height="10" width="10" style="fill: snow"
436:     onmouseover="ShowTooltip(evt,'rgb(255,250,250)')" onmouseout="HideTooltip()"/>
437:   <text x="650" y="210">snow</text>
438:   <rect x="635" y="220" height="10" width="10" style="fill: springgreen"
439:     onmouseover="ShowTooltip(evt,'rgb(0,255,127)')" onmouseout="HideTooltip()"/>
440:   <text x="650" y="230">springgreen</text>
441:   <rect x="635" y="240" height="10" width="10" style="fill: steelblue"
442:     onmouseover="ShowTooltip(evt,'rgb(70,130,180)')" onmouseout="HideTooltip()"/>
443:   <text x="650" y="250">steelblue</text>
444:   <rect x="635" y="260" height="10" width="10" style="fill: tan"
445:     onmouseover="ShowTooltip(evt,'rgb(210,180,140)')" onmouseout="HideTooltip()"/>
446:   <text x="650" y="270">tan</text>
447:   <rect x="635" y="280" height="10" width="10" style="fill: teal"
448:     onmouseover="ShowTooltip(evt,'rgb(0,128,128)')" onmouseout="HideTooltip()"/>
449:   <text x="650" y="290">teal</text>
450:   <rect x="635" y="300" height="10" width="10" style="fill: thistle"
451:     onmouseover="ShowTooltip(evt,'rgb(216,191,216)')" onmouseout="HideTooltip()"/>
452:   <text x="650" y="310">thistle</text>
453:   <rect x="635" y="320" height="10" width="10" style="fill: tomato"
454:     onmouseover="ShowTooltip(evt,'rgb(255,99,71)')" onmouseout="HideTooltip()"/>
455:   <text x="650" y="330">tomato</text>
456:   <rect x="635" y="340" height="10" width="10" style="fill: turquoise"
457:     onmouseover="ShowTooltip(evt,'rgb(64,224,208)')" onmouseout="HideTooltip()"/>
458:   <text x="650" y="350">turquoise</text>
459:   <rect x="635" y="360" height="10" width="10" style="fill: violet"
460:     onmouseover="ShowTooltip(evt,'rgb(238,130,238)')" onmouseout="HideTooltip()"/>
461:   <text x="650" y="370">violet</text>
462:   <rect x="635" y="380" height="10" width="10" style="fill: wheat"
463:     onmouseover="ShowTooltip(evt,'rgb(245,222,179)')" onmouseout="HideTooltip()"/>
464:   <text x="650" y="390">wheat</text>
465:   <rect x="635" y="400" height="10" width="10" style="fill: white"
466:     onmouseover="ShowTooltip(evt,'rgb(255,255,255)')" onmouseout="HideTooltip()"/>
467:   <text x="650" y="410">white</text>
468:   <rect x="635" y="420" height="10" width="10" style="fill: whitesmoke"
469:     onmouseover="ShowTooltip(evt,'rgb(245,245,245)')" onmouseout="HideTooltip()"/>
470:   <text x="650" y="430">whitesmoke</text>
471:   <rect x="635" y="440" height="10" width="10" style="fill: yellow"
472:     onmouseover="ShowTooltip(evt,'rgb(255,255,0)')" onmouseout="HideTooltip()"/>
473:   <text x="650" y="450">yellow</text>
474:   <rect x="635" y="460" height="10" width="10" style="fill: yellowgreen"
475:     onmouseover="ShowTooltip(evt,'rgb(154,205,50)')" onmouseout="HideTooltip()"/>
476:   <text x="650" y="470">yellowgreen</text>
477: 
478:   <g id="tooltip"><!-- Tooltip Beginn (ttr=Tooltip-Rechteckttt=Tooltip-Text) -->
479:     <rect id="ttr" x="0" y="0" rx="5" ry="5" width="100" height="16"
480:       style="visibility: hidden"/>
481:     <text id="ttt" x="0" y="0" style="visibility: hidden">dynText</text>
482:   </g><!-- Tooltip Ende -->
483: 
484: </svg>

[zum Anfang]