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

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 skyblue
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift skyblue
Farbwert	:	#eee8aa	Farbe	:	skyblue
Farbe	:	palegoldenrod	Farbwert	:	#87ceeb
HTML	:	#eee8aa	HTML	:	skyblue
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#87ceeb
CSS	:	#eee8aa	CSS	:	skyblue
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#87ceeb
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#87ceeb
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(135,206,235)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(52%,80%,92%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbe skyblue
#eee8aa	#dfe4b3	#d0e0bc	#c1dcc5	#b3d9cf	#a4d5d8	#95d1e1	#87ceeb
#eee8aa	#dfe4b3	#d0e0bc	#c1dcc5	#b3d9cf	#a4d5d8	#95d1e1	#87ceeb

Kombination von #eee8aa und skyblue
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. Cras id velit ante.				Auf Hintergrund #eee8aa ist skyblue ungeeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben skyblue und #eee8aa beträgt 93.38%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.62%.

Hintergrundfarbwert #eee8aa				Schriftfarbe skyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#87ceeb	#87ceeb	#87ceeb	#87ceeb
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#98d5ed	#98d5ed	#73b0c9	#73b0c9
#f2eec2	#f2eec2	#aaa579	#aaa579	#a9dcf0	#a9dcf0	#6093a7	#6093a7
#f5f1ce	#f5f1ce	#888461	#888461	#bae3f3	#bae3f3	#4d7586	#4d7586
#f7f5da	#f7f5da	#666348	#666348	#cbeaf6	#cbeaf6	#395864	#395864
#faf8e6	#faf8e6	#444230	#444230	#dcf1f9	#dcf1f9	#263a43	#263a43
#fcfbf2	#fcfbf2	#222118	#222118	#edf8fc	#edf8fc	#131d21	#131d21
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbe skyblue

Zebra-Effekt bei Befehl th

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit unterschiedlichen Hintergrundfarben Farbwert #eee8aa und Farbe skyblue.

<style type="text/css"><!--
  th.ying { 
    background-color: #eee8aa;
  }
  th.yang { 
    background-color: skyblue;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr><td class="ying">G1:1</td><td class="yang">G2:1</td><td class="ying">G3:1</td></tr>
<tr><td class="ying">G1:2</td><td class="yang">G2:2</td><td class="ying">G3:2</td></tr>
<tr><td class="ying">G1:3</td><td class="yang">G2:3</td><td class="ying">G3:3</td></tr>
</table>

Weiteres zum Thema th lesen Sie in Tabellen in HTML. Die Beschreibung vom Befehl th lesen Sie in der HTML Referenz unter <th>.

Wechsel der Umrandung bei Hover bei Befehl colgroup

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

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

<style type="text/css"><!--
  colgroup { border:3px groove #eee8aa; }
//-->
</style>

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

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

Mehr zum Thema colgroup lesen Sie in Tabellen in HTML. Die Beschreibung des hier genutzten Tag colgroup finden Sie in der HTML Referenz unter <colgroup>.