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
113
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>SELFHTML: Diverse technische Ergnzungen / Standard-Farbpaletten</title>
<link rel="stylesheet" type="text/css" href="../src/selfhtml.css">
<meta name="description" content="Welche Paletten mit vordefinierten Farben es gibt, und welchen Sinn und Zweck solche Paletten haben.">
<meta name="keywords" content="SELFHTML, Farben, Farbpaletten, Paletten, Netscape-Farben, VGA-Farben, Netscape-Farbnamen, Farbnamen">
<meta name="author" content="Redaktion SELFHTML, selfhtml81@selfhtml.org">
<meta name="robots" content="noindex, nofollow">
<meta name="DC.Publisher" content="SELFHTML e. V.">
<meta name="DC.Date" content="2005-08-18T05:08:52+02:00">
<meta name="DC.Identifier" content="http://de.selfhtml.org/diverses/farbpaletten.htm">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="../editorial/copyright.htm">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="page">
<link rel="alternate" type="application/atom+xml" title="SELFHTML-Weblog (Atom, gesamt)" href="http://aktuell.de.selfhtml.org/weblog/atom-feed">
<link rel="alternate" type="application/rss+xml" title="SELFHTML-Weblog (RSS, Auszge)" href="http://aktuell.de.selfhtml.org/weblog/rss-feed">
<link rel="shortcut icon" type="image/x-icon" href="../src/favicon.ico">
<link rel="author" title="Impressum" href="../editorial/impressum.htm">
<link rel="contents" title="Inhaltsverzeichnis" href="../navigation/inhalt.htm">
<link rel="index" title="Stichwortverzeichnis" href="../navigation/stichwort.htm">
<link rel="search" title="Suche" href="../navigation/suche/index.htm">
<link rel="help" title="Hilfe" href="../editorial/index.htm">
<link rel="copyright" title="Urheberrecht" href="../editorial/copyright.htm">
<link rel="top" title="SELFHTML" href="../index.htm">
<link rel="up" title="Diverse technische Ergnzungen" href="index.htm">
<link rel="next" title="Fertige Layouts: Nr.1" href="../layouts/nr01/index.htm">
<link rel="prev" title="robots.txt - Robots kontrollieren" href="robots.htm">
<link rel="first" title="MIME-Typen" href="mimetypen.htm">
</head>
<body>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2" class="nav"><a class="an" name="top"><img src="../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../index.htm">SELFHTML</a>/<a href="../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Diverse technische Ergnzungen</a> </td>
</tr>
<tr>
<td class="doc" width="110"><a href="../index.htm"><img src="../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></a></td>
<td class="docbot" width="100%"><h1 class="ph1">Standard-Farbpaletten</h1></td>
</tr>
<tr>
<td class="doctop">
<img src="../src/dokx.gif" width="30" height="20" vspace="6" alt="Informationsseite">
</td>
<td valign="top" nowrap="nowrap">
<p>
<img src="../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#typen">Farbpaletten-Typen und Farbnamen</a><br>
</p>
</td>
</tr><tr><td colspan="2" class="doc"> <a href="#bottom"><img src="../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </td></tr>
</table>
<h2><a class="an" name="typen">Farbpaletten-Typen und Farbnamen</a></h2>
<p>An verschiedenen Stellen knnen Sie fr Web-Seiten Farben bestimmen:</p>
<ul>
<li>In HTML z.B. beim Definieren von <img src="../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../html/dateiweit/farben.htm">dateiweiten Farben</a> fr den Dokumenthintergrund, Text und Verweise, oder bei <img src="../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../html/tabellen/gestaltung.htm#hintergrund">Hintergrundfarben fr Tabellen</a>,</li>
<li>In CSS z.B. bei den Eigenschaften <img src="../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../css/eigenschaften/schrift.htm#color">color</a> und <img src="../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../css/eigenschaften/hintergrund.htm#background_color">background-color</a>,</li>
<li>Bei paletten-orientierten Grafiktypen wie dem <img src="../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../grafik/formate.htm#gif">GIF-Format</a>.</li>
</ul>
<p>ber die in HTML und CSS angebotenen syntaktischen Mglichkeiten knnen Sie bis zu 16,7 Millionen verschiedene Farbwerte kodieren. Es gibt jedoch Standard-Paletten, die ganz bestimmte dieser 16,7 Millionen mglichen Farbwerte benutzen. Zwar besteht kein Zwang, sich an diese Paletten zu halten, doch wenn keine gestalterischen Grnde dagegensprechen, bieten diese Paletten eine gewisse Orientierung. Auf jeden Fall haben solche Farbpaletten einen technischen Vorteil: die Chance, dass die Farben auf verschiedenen Hardware-Typen und verschiedenen Betriebssystemen gleich aussehen, ist grer als bei Farben mit "beliebigen" Farbtnen.</p>
<h3>Die VGA-Palette (16 Farben):</h3>
<p><img src="../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/farbpalette_16.htm">Anzeigebeispiel: So sieht's aus</a></p>
<p><img src="../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/farbnamen_16.htm">Anzeigebeispiel: So sieht's aus (mit Farbnamen)</a></p>
<p>Die VGA-Palette ist der kleinste gemeinsame Nenner aller VGA-kompatiblen Grafikkarten und Bildschirme. Fr die 16 Farben der VGA-Palette sind in HTML und CSS auch die vordefinierten Farbnamen erlaubt. </p>
<h3>Die Netscape-Palette (216 Farben):</h3>
<p><img src="../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/farbpalette_216.htm">Anzeigebeispiel: So sieht's aus</a></p>
<p>Diese Farbpalette wurde seinerzeit von Netscape eingefhrt. Alle Netscape-Browser sorgen dafr, dass Farben aus dieser Palette plattformbergreifend richtig dargestellt werden.</p>
<h3>Die Netscape-Farbnamen (120 Farben):</h3>
<p><img src="../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/farbnamen_netscape.htm">Anzeigebeispiel: So sieht's aus</a></p>
<p>Dies ist eigentlich keine Farbpalette im engeren Sinn, sondern eine lose Sammlung von Farben mit bestimmten Farbwerten. Die Sammlung wurde seinerzeit von Netscape eingefhrt, um zustzlich zu der Palette mit den 216 Farben, die einem algorithmischen Schema folgen, noch ein paar vordefinierte Farbtne fr Zwischentne und Pastellfarben anzubieten. Diese Farbnamen werden von der Mehrzahl der modernen Browser bei Farbangaben in HTML oder CSS interpretiert.</p>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" class="doc">
<a href="#top"><img src="../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td class="doc"><a href="../layouts/nr01/index.htm"><img src="../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td width="100%"><img src="../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../layouts/nr01/index.htm">Fertige Layouts: Nr.1</a>
</td></tr>
<tr>
<td class="doc"><a href="robots.htm"><img src="../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurck"></a></td>
<td><img src="../src/dok.gif" width="15" height="10" alt="Seite"> <a href="robots.htm">robots.txt - Robots kontrollieren</a>
</td>
</tr>
<tr><td colspan="2" class="doc"> </td>
</tr>
<tr>
<td colspan="2" class="nav"><a class="an" name="bottom"><img src="../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../index.htm">SELFHTML</a>/<a href="../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Diverse technische Ergnzungen</a> </td>
</tr>
</table>
<p>© 2007 <img src="../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../editorial/impressum.htm">Impressum</a></p>
</body>
</html>
|
