Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #eee8aa

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #eee8aa
Detail	:	Hintergrundfarbwert #eee8aa	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#eee8aa	#eee8aa	#eee8aa	#eee8aa	#eee8aa
Farbe	:	palegoldenrod	#f0ebb6	#f0ebb6	#ccc691	#ccc691
HTML	:	#eee8aa	#f2eec2	#f2eec2	#aaa579	#aaa579
CSS	:	#eee8aa	#f5f1ce	#f5f1ce	#888461	#888461
CSS (Wert)	:	#eee8aa	#f7f5da	#f7f5da	#666348	#666348
CSS (kürzest)	:	#eee8aa	#faf8e6	#faf8e6	#444230	#444230
CSS (RGB)	:	rgb(238,232,170)	#fcfbf2	#fcfbf2	#222118	#222118
CSS (%RGB)	:	rgb(93%,90%,66%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #eee8aa

Änderung der Hintergrundfarbe von Befehl blockquote

Wir ändern in diesem Beispiel die Hintergrundfarbe von <blockquote> auf Farbwert #eee8aa. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  blockquote { 
    font-family: monospace; 
    background-color: #eee8aa;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML erfahren. Weiteres zum hier genutzten Befehl <blockquote>.

Änderung der Unterstreichung bei Hover von HTML-Tag caption

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <caption> vor.

<style type="text/css"><!--
  caption { 
    border-bottom-color: #c6fa9b; 
    border-bottom-width: 1px; 
    border-bottom-style: outset;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbwert #eee8aa gesetzt wird.

<style type="text/css"><!--
  caption:hover { 
    border-bottom-color:#eee8aa;
  }
//-->
</style>

Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sieht man das bei Links. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Dies ist aber keine wirkliche Unterstreichung, der Text hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zu caption können Sie in Tabellen in HTML nachsehen. Mehr zum hier verwendeten Tag <caption>.