Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #eee8aa und Farbe gainsboro

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			Schriftfarbe gainsboro
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift gainsboro
Farbwert	:	#eee8aa	Farbe	:	gainsboro
Farbe	:	palegoldenrod	Farbwert	:	#dcdcdc
HTML	:	#eee8aa	HTML	:	gainsboro
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#dcdcdc
CSS	:	#eee8aa	CSS	:	gainsboro
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbe gainsboro
#eee8aa	#ebe6b1	#e8e4b8	#e6e2bf	#e3e1c6	#e1dfcd	#deddd4	#dcdcdc
#eee8aa	#ebe6b1	#e8e4b8	#e6e2bf	#e3e1c6	#e1dfcd	#deddd4	#dcdcdc

Kombination von #eee8aa und gainsboro
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben gainsboro und #eee8aa ergibt sich zu 94.79%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.21%. Auf Hintergrund #eee8aa ist gainsboro ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #eee8aa				Schriftfarbe gainsboro
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#f2eec2	#f2eec2	#aaa579	#aaa579	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#f5f1ce	#f5f1ce	#888461	#888461	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#f7f5da	#f7f5da	#666348	#666348	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#faf8e6	#faf8e6	#444230	#444230	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#fcfbf2	#fcfbf2	#222118	#222118	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbe gainsboro

Wechsel der Umrandung bei Hover mit Befehl strong

Die Rahmenfarbe soll sich von Farbwert #eee8aa auf Farbe gainsboro ändern, wenn man mit der Maus auf <strong> zeigt. Wir bereiten zunächst die Darstellung von <strong> in Farbwert #eee8aa vor.

In diesem Beispiel umranden wir <strong> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #eee8aa.

<style type="text/css"><!--
  strong { 
    border-width: 3px; 
    border-style: dashed; 
    border-color: #eee8aa;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf gainsboro gesetzt wird.

<style type="text/css"><!--
  strong:hover { 
    border-color:gainsboro;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Text in HTML. Die Beschreibung vom Befehl strong erfahren Sie in der HTML Referenz unter <strong>.

Wechsel der Hintergrundfarbe bei Hover mit Tag samp

Die Hintergrundfarbe soll sich von Farbwert #eee8aa auf Farbe gainsboro ändern, wenn man mit der Maus auf <samp> zeigt. Wir bereiten zunächst eine Darstellung von <samp> in Farbwert #eee8aa vor.

Wir setzen in diesem Beispiel bei <samp> die Hintergrundfarbe auf Farbwert #eee8aa.

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

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf gainsboro geändert wird.

<style type="text/css"><!--
  samp:hover { 
    background-color:gainsboro;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Text in HTML. Die Beschreibung vom hier gezeigten Tag samp erfahren Sie in der HTML Referenz unter <samp>.