Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fff5ee und Farbwert #afeeee

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 #fff5ee			Schriftfarbwert #afeeee
Detail	:	Hintergrund #fff5ee	Detail	:	Schrift #afeeee
Farbwert	:	#fff5ee	Farbwert	:	#afeeee
Farbe	:	seashell	Farbe	:	paleturquoise
HTML	:	#fff5ee	HTML	:	#afeeee
HTML (Wert)	:	#fff5ee	HTML (Wert)	:	#afeeee
CSS	:	#fff5ee	CSS	:	#afeeee
CSS (Wert)	:	#fff5ee	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#fff5ee	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(255,245,238)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(100%,96%,93%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbwert #fff5ee nach Schriftfarbwert #afeeee
#fff5ee	#f3f4ee	#e8f3ee	#dcf2ee	#d1f1ee	#c5f0ee	#baefee	#afeeee
#fff5ee	#f3f4ee	#e8f3ee	#dcf2ee	#d1f1ee	#c5f0ee	#baefee	#afeeee

Kombination von #fff5ee und #afeeee
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #afeeee und #fff5ee ergibt sich zu 94.28%. Die Lesbarkeit dieser Kombination liegt damit bei 5.72%. Auf Hintergrund #fff5ee ist #afeeee ungeeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #fff5ee				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#afeeee	#afeeee	#afeeee	#afeeee
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#baf0f0	#baf0f0	#96cccc	#96cccc
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#fff9f5	#fff9f5	#918c88	#918c88	#d1f5f5	#d1f5f5	#648888	#648888
#fffaf7	#fffaf7	#6d6966	#6d6966	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#fffcfa	#fffcfa	#484644	#484644	#e8fafa	#e8fafa	#324444	#324444
#fffdfc	#fffdfc	#242322	#242322	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff5ee und Farbwert #afeeee

Zebra-Effekt von Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit unterschiedlichen Hintergrundfarben Farbwert #fff5ee und Farbwert #afeeee.

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

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ungerade">Ba~a</td><td class="gerade">Bb~a</td><td class="ungerade">Bc~a</td></tr>
<tr><td class="ungerade">Ba~b</td><td class="gerade">Bb~b</td><td class="ungerade">Bc~b</td></tr>
<tr><td class="ungerade">Ba~c</td><td class="gerade">Bb~c</td><td class="ungerade">Bc~c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML lesen. Möglichkeiten des HTML-Tag td lesen Sie in der HTML Referenz unter <td>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl address

Die Textfarbe soll sich von Farbwert #fff5ee auf Farbwert #afeeee ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <address> in Farbwert #fff5ee vor.

Hier legen wir Farbwert #fff5ee als Textfarbe von <address> fest und setzen die Größe der Schrift auf 119%:

<style type="text/css"><!--
  address { 
    font-size: 119%; 
    color: #fff5ee;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe auf #afeeee ändert.

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

Weiteres zum Thema finden Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom hier gezeigten HTML-Tag <address>.