Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fafad2 und 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 #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
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #fafad2 ist #eee8aa ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von #eee8aa und #fafad2 beträgt 94.41%. Die Lesbarkeit dieser Kombination ergibt sich zu 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

Wechsel der Textfarbe bei Hover bei Befehl dt

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

Zum Beispiel legen wir Farbwert #fafad2 als Textfarbe von <dt> fest und setzen die Schriftgröße auf 120%.

<style type="text/css"><!--
  dt { 
    color: #fafad2; 
    font-size: 120%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #eee8aa gesetzt wird.

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

Weiteres zu dt lesen Sie in Listen und Glossare in HTML. Zur Beschreibung vom hier verwendeten HTML-Tag <dt>.

Hintergrund/Text-Kombination mit HTML-Befehl dd

Hier ändern wir die Textfarbe von <dd> auf Farbwert #eee8aa und die Hintergrundfarbe von <dd> auf Farbwert #fafad2. Als Schriftart setzen wir arial und als Schriftgröße wählen wir 97%.

<style type="text/css"><!--
  dd { 
    color: #eee8aa; 
    font-family: arial; 
    font-size: 97%; 
    background-color: #fafad2;
  }
//-->
</style>

Weiteres zum Thema dd finden Sie in Listen und Glossare in HTML. Möglichkeiten vom hier verwendeten HTML-Befehl dd erfahren Sie in der HTML Referenz unter <dd>.