Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fafad2 und Farbwert #eee8aa

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.

Hintergrundfarbwert #fafad2			Schriftfarbwert #eee8aa
Detail	:	Hintergrund #fafad2	Detail	:	Schrift #eee8aa
Farbwert	:	#fafad2	Farbwert	:	#eee8aa
Farbe	:	lightgoldenrodyellow	Farbe	:	palegoldenrod
HTML	:	#fafad2	HTML	:	#eee8aa
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#eee8aa
CSS	:	#fafad2	CSS	:	#eee8aa
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbwert #fafad2 nach Schriftfarbwert #eee8aa
#fafad2	#f8f7cc	#f6f4c6	#f4f2c0	#f3efbb	#f1edb5	#efeaaf	#eee8aa
#fafad2	#f8f7cc	#f6f4c6	#f4f2c0	#f3efbb	#f1edb5	#efeaaf	#eee8aa

Kombination von #fafad2 und #eee8aa
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #fafad2 ist #eee8aa ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #eee8aa und #fafad2 beträgt 94.41%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.59%.

Hintergrundfarbwert #fafad2				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#fbfbde	#fbfbde	#b2b296	#b2b296	#f2eec2	#f2eec2	#aaa579	#aaa579
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#f5f1ce	#f5f1ce	#888461	#888461
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#f7f5da	#f7f5da	#666348	#666348
#fdfdf2	#fdfdf2	#47473c	#47473c	#faf8e6	#faf8e6	#444230	#444230
#fefef8	#fefef8	#23231e	#23231e	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fafad2 und Farbwert #eee8aa

Hintergrund/Text-Kombination bei HTML-Befehl q

Hier ändern wir die Textfarbe von <q> auf Farbwert #eee8aa und die Hintergrundfarbe von <q> auf Farbwert #fafad2. Als Schriftart wählen wir sans-serif. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  q { 
    color:#eee8aa; 
    font-family:sans-serif; 
    background-color:#fafad2; 
    font-size:13px;
  }
//-->
</style>

Die Beschreibung des hier verwendeten HTML-Befehl q erfahren Sie in der HTML Referenz unter <q>.

Wechsel der Textfarbe bei Hover von HTML-Tag address

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

In diesem Beispiel legen wir bei <address> die Textfarbe auf Farbwert #fafad2 fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf verdana und ändern die Größe der Schrift auf 13px.

<style type="text/css"><!--
  address { 
    font-size:13px; 
    color:#fafad2; 
    font-family:verdana;
  }
//-->
</style>

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

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

Weiteres zu address können Sie in Blockorientierte Elemente in HTML finden. Der Befehl address ist in der HTML Referenz unter <address> genau gezeigt.