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

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 powderblue
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift powderblue
Farbwert	:	#eee8aa	Farbe	:	powderblue
Farbe	:	palegoldenrod	Farbwert	:	#b0e0e6
HTML	:	#eee8aa	HTML	:	powderblue
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#b0e0e6
CSS	:	#eee8aa	CSS	:	powderblue
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbe powderblue
#eee8aa	#e5e6b2	#dce5bb	#d3e4c3	#cae3cc	#c1e2d4	#b8e1dd	#b0e0e6
#eee8aa	#e5e6b2	#dce5bb	#d3e4c3	#cae3cc	#c1e2d4	#b8e1dd	#b0e0e6

Kombination von #eee8aa und powderblue
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben powderblue und #eee8aa ergibt sich zu 94.55%. Die Lesbarkeit dieser Kombination liegt damit bei 5.45%. Auf Hintergrund #eee8aa ist powderblue ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #eee8aa				Schriftfarbe powderblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#f2eec2	#f2eec2	#aaa579	#aaa579	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#f5f1ce	#f5f1ce	#888461	#888461	#d1edf0	#d1edf0	#648083	#648083
#f7f5da	#f7f5da	#666348	#666348	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#faf8e6	#faf8e6	#444230	#444230	#e8f6f7	#e8f6f7	#324041	#324041
#fcfbf2	#fcfbf2	#222118	#222118	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbe powderblue

Zebra-Effekt von Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit den Hintergrundfarben Farbwert #eee8aa und Farbe powderblue.

<style type="text/css"><!--
  td.gerade { 
    background-color: #eee8aa;
  }
  td.ungerade { 
    background-color: powderblue;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="gerade">VA,A</td><td class="ungerade">VB,A</td><td class="gerade">VC,A</td></tr>
<tr><td class="gerade">VA,B</td><td class="ungerade">VB,B</td><td class="gerade">VC,B</td></tr>
<tr><td class="gerade">VA,C</td><td class="ungerade">VB,C</td><td class="gerade">VC,C</td></tr>
</table>

Mehr zu td erfahren Sie in Tabellen in HTML. Zur Beschreibung des hier genutzten Befehl <td>.

Wechsel der Textfarbe bei Hover mit HTML-Tag cite

Die Textfarbe soll sich von Farbwert #eee8aa auf Farbe powderblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <cite> in Farbwert #eee8aa vor.

Als Beispiel legen wir Farbwert #eee8aa als Textfarbe von <cite> fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart setzen wir auf sans-serif und ändern die Größe der Schrift auf 13px:

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf powderblue geändert wird.

<style type="text/css"><!--
  cite: hover { 
    color: powderblue;
  }
//-->
</style>

Möglichkeiten vom Tag <cite>.