Ressourcen: 137 HTML Farbnamen - Kombination von Farbe palegoldenrod und Farbwert #000000

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe palegoldenrod			Schriftfarbwert #000000
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift #000000
Farbe	:	palegoldenrod	Farbwert	:	#000000
Farbwert	:	#eee8aa	Farbe	:	black
HTML	:	palegoldenrod	HTML	:	#000000
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#000000
CSS	:	palegoldenrod	CSS	:	#000000
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#000000
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#000
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(0,0,0)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(0%,0%,0%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbwert #000000
#eee8aa	#ccc691	#aaa579	#888461	#666348	#444230	#222118	#000000
#eee8aa	#ccc691	#aaa579	#888461	#666348	#444230	#222118	#000000

Kombination von palegoldenrod und #000000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#000000 eignet sich als Schriftfarbe auf Hintergrund palegoldenrod, da der Unterschied in den Helligkeiten gut ist, der Unterschied in den Farben ebenso. Die Ähnlichkeit von #000000 und palegoldenrod beträgt 20.20%. Die Lesbarkeit dieser Kombination bewerte ich mit 79.80%.

Hintergrundfarbe palegoldenrod				Schriftfarbwert #000000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#000000	#000000	#000000	#000000
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#242424	#242424	#000000	#000000
#f2eec2	#f2eec2	#aaa579	#aaa579	#484848	#484848	#000000	#000000
#f5f1ce	#f5f1ce	#888461	#888461	#6d6d6d	#6d6d6d	#000000	#000000
#f7f5da	#f7f5da	#666348	#666348	#919191	#919191	#000000	#000000
#faf8e6	#faf8e6	#444230	#444230	#b6b6b6	#b6b6b6	#000000	#000000
#fcfbf2	#fcfbf2	#222118	#222118	#dadada	#dadada	#000000	#000000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegoldenrod und Farbwert #000000

Zebra-Effekt von Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe palegoldenrod und Farbwert #000000.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: palegoldenrod;
  }
  tr.gerade { 
    background-color:#000;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr class="ungerade"><td>Qa,a</td><td>Qb,a</td><td>Qc,a</td></tr>
<tr class="gerade"><td>Qa,b</td><td>Qb,b</td><td>Qc,b</td></tr>
<tr class="ungerade"><td>Qa,c</td><td>Qb,c</td><td>Qc,c</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Einzelheiten vom HTML-Befehl tr sind in der HTML Referenz unter <tr> ausführlich zusammengestellt.

Wechsel der Textfarbe bei Hover von HTML-Befehl h6

Eine Überschrift der 6. Stufe erzeugt man mit HTML-Tag <h6>. Diese können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbe palegoldenrod auf Farbwert #000000 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h6> in Farbe palegoldenrod vor.

Wir legen z.B. die Textfarbe von <h6> auf Farbe palegoldenrod fest.

<style type="text/css"><!--
  h6 { 
    color: palegoldenrod;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #000000 ändert.

<style type="text/css"><!--
  h6:hover { 
    color:#000000;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom HTML-Befehl h6 erfahren Sie in der HTML Referenz unter <h6>.