Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightyellow und Farbwert #bc8f8f

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.

Hintergrundfarbe lightyellow			Schriftfarbwert #bc8f8f
Detail	:	Hintergrund lightyellow	Detail	:	Schrift #bc8f8f
Farbe	:	lightyellow	Farbwert	:	#bc8f8f
Farbwert	:	#ffffe0	Farbe	:	rosybrown
HTML	:	lightyellow	HTML	:	#bc8f8f
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#bc8f8f
CSS	:	lightyellow	CSS	:	#bc8f8f
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbe lightyellow nach Schriftfarbwert #bc8f8f
#ffffe0	#f5efd4	#ebdfc8	#e2cfbd	#d8bfb1	#cfafa6	#c59f9a	#bc8f8f
#ffffe0	#f5efd4	#ebdfc8	#e2cfbd	#d8bfb1	#cfafa6	#c59f9a	#bc8f8f

Kombination von lightyellow und #bc8f8f
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #bc8f8f und lightyellow ergibt sich zu 86.84%. Die Lesbarkeit dieser Kombination ergibt sich zu 13.16%. #bc8f8f eignet sich nicht als Schriftfarbe auf Hintergrund lightyellow, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe lightyellow				Schriftfarbwert #bc8f8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#ffffe4	#ffffe4	#dadac0	#dadac0	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#cfafaf	#cfafaf	#866666	#866666
#ffffed	#ffffed	#919180	#919180	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#fffff1	#fffff1	#6d6d60	#6d6d60	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#fffff6	#fffff6	#484840	#484840	#ebdfdf	#ebdfdf	#352828	#352828
#fffffa	#fffffa	#242420	#242420	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightyellow und Farbwert #bc8f8f

Zebra-Effekt mit Tag td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit unterschiedlichen Hintergrundfarben Farbe lightyellow und Farbwert #bc8f8f.

<style type="text/css"><!--
  td.ying { 
    background-color:lightyellow;
  }
  td.yang { 
    background-color:#bc8f8f;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ying">La-a</td><td class="yang">Lb-a</td><td class="ying">Lc-a</td></tr>
<tr><td class="ying">La-b</td><td class="yang">Lb-b</td><td class="ying">Lc-b</td></tr>
<tr><td class="ying">La-c</td><td class="yang">Lb-c</td><td class="ying">Lc-c</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML nachlesen. Möglichkeiten des hier genutzten HTML-Tag td sind in der HTML Referenz unter <td> ausführlich zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl kbd

Die Hintergrundfarbe soll sich von Farbe lightyellow auf Farbwert #bc8f8f ändern, wenn man mit der Maus auf <kbd> zeigt. Bereiten wir zunächst eine Formatierung von <kbd> in Farbe lightyellow vor.

Als Beispiel legen wir Farbe lightyellow als Hintergrundfarbe von <kbd> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  kbd { 
    background-color: lightyellow; 
    font-family: courier new;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #bc8f8f ändert.

<style type="text/css"><!--
  kbd:hover { 
    background-color:#bc8f8f;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML finden. Mehr zum hier genutzten HTML-Tag kbd ist in der HTML Referenz bei <kbd> gezeigt.